[home] feature directory - make icon and description be part of href (#14947)

* make icon and description be part of feature href

* do not change background color - just underline title
This commit is contained in:
Nathan Reese 2017-11-15 19:48:52 -07:00 committed by GitHub
parent b0985f9f2c
commit 25ed343633
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 13 deletions

View file

@ -19,19 +19,19 @@ export function Synopsis({ description, iconUrl, title, url }) {
}
return (
<KuiFlexGroup>
<KuiFlexItem grow={false}>{img}</KuiFlexItem>
<KuiFlexItem className="synopsis">
<h4 className="kuiTextTitle synopsisTitle">
<a href={url} className="kuiLink">
<a href={url} className="kuiLink synopsis">
<KuiFlexGroup>
<KuiFlexItem grow={false}>{img}</KuiFlexItem>
<KuiFlexItem className="synopsisContent">
<h4 className="kuiTextTitle synopsisTitle">
{title}
</a>
</h4>
<p className="kuiText kuiSubduedText">
{description}
</p>
</KuiFlexItem>
</KuiFlexGroup>
</h4>
<p className="kuiText kuiSubduedText">
{description}
</p>
</KuiFlexItem>
</KuiFlexGroup>
</a>
);
}

View file

@ -1,4 +1,13 @@
.synopsis {
@import (reference) "~ui/styles/variables.less";
.synopsis:hover {
text-decoration: none;
.kuiTextTitle {
text-decoration: underline;
}
}
.synopsisContent {
margin-left: 10px !important;
}