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

Bug 1928129 - Position tab attention dot based on tab-inline-padding r=desktop-theme-reviewers,tabbrowser-reviewers,dao

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D229679
This commit is contained in:
Mark Striemer 2024-11-20 19:38:36 +00:00
parent 89feec6e4f
commit 268cb033d2
1 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
browser/themes/shared/tabbrowser/tabs.css
View File

@ -17,7 +17,7 @@
--tab-collapsed-background-width: var(--tab-min-height);
--tab-collapsed-width: calc(var(--tab-collapsed-background-width) + 2 * var(--tab-inner-inline-margin));
--tab-inner-inline-margin: var(--space-medium);
--tab-inline-padding: var(--space-medium);
--tab-inline-padding: 8px;
--tab-pinned-expanded-background-width: 40px;
--tab-pinned-margin-inline-expanded: var(--space-xsmall);
--tab-pinned-min-width-expanded: calc(var(--tab-pinned-expanded-background-width) + 2 * var(--tab-pinned-margin-inline-expanded));
@ -109,6 +109,7 @@
:root {
--tab-min-height: max(32px, calc(var(--tab-label-line-height) * 1em));
--tab-block-margin: 2px;
--tab-inline-padding: var(--space-medium);
}
}
@ -722,17 +723,10 @@
}
.tabbrowser-tab[image] > .tab-stack > .tab-content[attention]:not([pinned], [selected]) {
background-position-x: left 14px;
background-position-x: left calc(var(--tab-inline-padding) + 6px);
&:-moz-locale-dir(rtl) {
background-position-x: right 14px;
}
#tabbrowser-tabs[orient="vertical"] & {
background-position-x: left 22.5px;
&:-moz-locale-dir(rtl) {
background-position-x: right 22.5px;
}
background-position-x: right calc(var(--tab-inline-padding) + 6px);
}
}