Add side nav panel tooltips

This commit is contained in:
Marliana Lara
2017-09-18 13:47:35 -04:00
parent 710aaaa2c8
commit 5c108bfa1b
7 changed files with 53 additions and 27 deletions

View File

@@ -91,25 +91,33 @@
overflow-y: auto;
max-height: 100vh;
min-width: @at-width-collapsed-side-nav;
z-index: @at-z-index-side-nav;
.at-Layout-sideNavItem {
display: flex;
cursor: pointer;
i {
font-size: @at-height-side-nav-item-icon;
padding: @at-padding-side-nav-item-icon;
}
&:hover,
&.is-active {
background: @at-color-side-nav-item-background-hover;
border-left: @at-highlight-left-border-size solid @at-color-side-nav-item-border-hover;
> i.fa {
padding-left: 20px;
}
i {
margin-left: @at-highlight-left-border-margin-makeup;
cursor: pointer;
color: @at-color-side-nav-content;
font-size: @at-height-side-nav-item-icon;
padding: @at-padding-side-nav-item-icon;
}
&:hover,
&.is-active {
background: @at-color-side-nav-item-background-hover;
border-left: @at-highlight-left-border-size solid @at-color-side-nav-item-border-hover;
i {
color: @at-color-side-nav-content;
margin-left: @at-highlight-left-border-margin-makeup;
}
}
}
}
.at-Layout-sideNavSpacer {