rnhmjoj/solarized-dark-ui
1
0
Fork 0
mirror of https://github.com/Rnhmjoj/solarized-dark-ui synced 2025-01-26 11:54:21 +01:00
Code Issues Releases Wiki Activity

Updates tab behavior (hidden close icon unless tab is active)

Browse Source
This commit is contained in:
Rob Cameron 2014-02-26 18:32:01 -08:00
parent 7b2534b96f
commit cc60bd025f
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
stylesheets/tabs.less
View File

@ -42,19 +42,31 @@
} }
.close-icon { .close-icon {
z-index: 3; display: none;
line-height: @tab-height;
&:hover {
color: @text-color-error !important;
}
} }
&.modified:not(:hover) .close-icon { &.modified:not(:hover) .close-icon {
top: @tab-height/2 - @modified-icon-width/2 + 1px; top: @tab-height/2 - @modified-icon-width/2 + 1px;
right: 14px; right: 14px;
width: @modified-icon-width; width: @modified-icon-width;
height: @modified-icon-width; height: @modified-icon-width;
border-color: @text-color-info;
} }
&:first-child { &:first-child {
margin-left: 20px; margin-left: 20px;
} }
&:hover {
.close-icon {
display: block;
}
}
} }
.tab.active { .tab.active {
@ -69,6 +81,7 @@
.close-icon { .close-icon {
line-height: @tab-height - 1px; line-height: @tab-height - 1px;
display: block;
} }
&, &:before { &, &:before {