Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-25 03:05:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1379052 - Fix [attention] styling in unpinned tabs. r=daleharvey

Browse Source 
MozReview-Commit-ID: 5fte5vknFZ3

--HG--
extra : rebase_source : 402322e6ff6f15602a77ed8e80201c704cd49eea
This commit is contained in:
Dão Gottwald 2017-08-03 14:18:59 +02:00
parent f734dc2e06
commit ef460fd695
2 changed files with 6 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
browser/themes/shared/compacttheme.inc.css
View File

@ -270,22 +270,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(
list-style-image: url("chrome://browser/skin/back.svg");
}
.tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
%ifdef MOZ_PHOTON_THEME
background-position: center bottom -4px;
%else
background-image: var(--pinned-tab-glow);
background-position: center;
background-size: 100%;
%endif
}
.tabbrowser-tab[image] > .tab-stack > .tab-content[attention]:not([pinned]):not([selected="true"]) {
background-position: left bottom var(--tab-toolbar-navbar-overlap);
background-size: 34px 100%;
}
.tab-throbber[selected][progress] {
list-style-image: url("chrome://browser/skin/compacttheme/loading-inverted.png");
}

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

@ -370,7 +370,7 @@
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
%ifdef MOZ_PHOTON_THEME
background-image: url(chrome://browser/skin/tabbrowser/indicator-tab-attention.svg);
background-position: center bottom -3px;
background-position: center bottom calc(-4px + var(--tab-toolbar-navbar-overlap));
%else
background-image: radial-gradient(farthest-corner at center bottom, rgb(255,255,255) 3%, rgba(186,221,251,0.75) 20%, rgba(127,179,255,0.25) 40%, transparent 70%);
background-position: center bottom var(--tab-toolbar-navbar-overlap);
@ -380,8 +380,11 @@
}
.tabbrowser-tab[image] > .tab-stack > .tab-content[attention]:not([pinned]):not([selected="true"]) {
background-position: left bottom var(--tab-toolbar-navbar-overlap);
background-size: 34px 100%;
background-position-x: left 11px;
}
.tabbrowser-tab[image] > .tab-stack > .tab-content[attention]:not([pinned]):not([selected="true"]):-moz-locale-dir(rtl) {
background-position-x: right 11px;
}
.tab-label[attention]:not([selected="true"]) {