mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-25 03:05:34 +00:00
Bug 1379052
- Fix [attention] styling in unpinned tabs. r=daleharvey
MozReview-Commit-ID: 5fte5vknFZ3 --HG-- extra : rebase_source : 402322e6ff6f15602a77ed8e80201c704cd49eea
This commit is contained in:
parent
f734dc2e06
commit
ef460fd695
@ -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");
|
||||
}
|
||||
|
@ -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"]) {
|
||||
|
Loading…
Reference in New Issue
Block a user