Bug 1201442 - Use opacity transition for showing and hiding tab separators. r=dolske

This commit is contained in:
Dão Gottwald 2015-09-22 12:37:23 +02:00
parent fc49c330b4
commit 4bbcdf9722
2 changed files with 11 additions and 9 deletions

View File

@ -268,7 +268,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
.tabbrowser-tab::after,
.tabbrowser-tab::before {
background: currentColor;
opacity: 0.2 !important;
}
.tabbrowser-arrowscrollbox > .scrollbutton-down,

View File

@ -436,20 +436,23 @@
currentColor 5px,
currentColor calc(100% - 4px),
transparent calc(100% - 4px));
opacity: 0.2;
}
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab::before,
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab::after {
opacity: 0.4;
opacity: 0;
transition: opacity 100ms ease;
content: "";
display: -moz-box;
}
/* Also show separators beside the selected tab when dragging it. */
#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
.tabbrowser-tab:not([visuallyselected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not([beforehovered]):not(:hover)::after {
content: "";
display: -moz-box;
opacity: 0.2;
}
#TabsToolbar[brighttext] > #tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:not([visuallyselected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
#TabsToolbar[brighttext] > #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not([beforehovered]):not(:hover)::after {
opacity: 0.4;
}
/* New tab button */