Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-02 15:15:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Dão Gottwald 2015-09-22 12:37:23 +02:00
parent 0565b5916c
commit c28d3a9617
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
browser/themes/shared/devedition.inc.css
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,

19
browser/themes/shared/tabs.inc.css
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 */