diff --git a/browser/themes/shared/tabbrowser/tabs.css b/browser/themes/shared/tabbrowser/tabs.css index 9a915ff442cc7f01ddec3fcea931c21e210cac92..3671d924f05c74e21be60a9acf58e14f69630d53 100644 --- a/browser/themes/shared/tabbrowser/tabs.css +++ b/browser/themes/shared/tabbrowser/tabs.css @@ -39,7 +39,7 @@ #tabbrowser-tabs { --tab-min-width: 76px; - --tab-loading-fill: #0A84FF; + --tab-loading-fill: var(--zen-primary-color); --tab-overflow-pinned-tabs-width: 0px; padding-inline: var(--tab-overflow-pinned-tabs-width) 0; /* Use a bigger flex value than the searchbar to prevent it from @@ -103,7 +103,7 @@ * (we only have 2px padding in the inline direction) */ overflow-clip-margin: 2px; - &:not([pinned]) { + & { flex: 100 100; max-width: 225px; min-width: var(--tab-min-width); @@ -126,7 +126,7 @@ flex-shrink: 0; #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > & { - position: absolute !important; + /*position: absolute !important;*/ display: block; } } @@ -360,7 +360,7 @@ &[selected]:not([src], [pinned], [crashed], [pictureinpicture]), &:not([src], [pinned], [crashed], [sharing], [pictureinpicture]), &[busy] { - display: none; + /*display: none;*/ } } @@ -627,7 +627,7 @@ #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) { /* Add a gap between the last pinned tab and the first visible tab */ - margin-inline-start: 12px !important; /* .tabbrowser-tab sets margin: 0 !important; */ + margin-inline-start: 0 !important; /* .tabbrowser-tab sets margin: 0 !important; */ } .tab-label[attention]:not([selected]) { @@ -737,6 +737,7 @@ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] { width: 40px; + display: none !important; } @media (max-width: 500px) { @@ -752,7 +753,7 @@ toolbarbutton:not(#firefox-view-button), toolbarpaletteitem:not(#wrapper-firefox-view-button) ) + #tabbrowser-tabs { - border-inline-start: 1px solid color-mix(in srgb, currentColor 25%, transparent); + border-inline-start: transparent; padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width) + 2px); margin-inline-start: 2px; }