mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 09:48:58 -04:00
[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:
parent
b0985f9f2c
commit
25ed343633
2 changed files with 22 additions and 13 deletions
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue