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

Bug 1198236 - Pinned tab separators shouldn't touch the toolbar. r=gijs

Browse Source 
--HG--
extra : rebase_source : 8d46ce069ea59d589f0dd1f796888d561cc14b87
This commit is contained in:
Dão Gottwald 2015-08-27 12:52:34 +02:00
parent f906e7e08f
commit 046b2c5e14
2 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
browser/themes/shared/devedition.inc.css
View File

@ -283,10 +283,11 @@ searchbar:not([oneoffui]) .search-go-button {
visibility: hidden;
}
#TabsToolbar {
--tab-separator-margin: 0;
--tab-separator-opacity: 0.2 !important;
/* Tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
background: currentColor;
opacity: 0.2 !important;
}
.tabbrowser-arrowscrollbox > .scrollbutton-down,

32
browser/themes/shared/tabs.inc.css
View File

@ -10,13 +10,8 @@
--tab-min-height: 31px;
}
#TabsToolbar {
--tab-separator-opacity: 0.2;
--tab-separator-margin: 4px;
--tab-stroke-background-size: auto 100%;
}
#TabsToolbar[brighttext] {
--tab-separator-opacity: 0.4;
}
%define tabCurveWidth 30px
%define tabCurveHalfWidth 15px
@ -431,17 +426,28 @@
background-size: 85% 100%;
}
/* Background tab separators.
Also show separators beside the selected tab when dragging it. */
/* Tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
width: 1px;
-moz-margin-start: -1px;
background-image: linear-gradient(transparent 5px,
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;
}
/* 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 {
width: 1px;
-moz-margin-start: -1px;
margin-top: calc(var(--tab-separator-margin) + 1px);
margin-bottom: var(--tab-separator-margin);
background-color: currentColor;
opacity: var(--tab-separator-opacity);
content: "";
display: -moz-box;
}