diff --git a/README.org b/README.org index 22890de..58ce0ac 100644 --- a/README.org +++ b/README.org @@ -5,7 +5,7 @@ | *Wiki* | | | [[https://github.com/black7375/Firefox-UI-Fix/wiki/Screenshots][Screenshots]] | [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solution][Compatibility Issues Solution]] | - [[https://user-images.githubusercontent.com/25581533/117531080-49bb4480-afd0-11eb-8b6a-f04559ed2ab7.png]] + [[https://user-images.githubusercontent.com/25581533/117615662-8d8d8580-b159-11eb-8b92-7d249e31d8f3.png]] (Fixed proton design) diff --git a/userChrome.css b/userChrome.css index 4a300b8..a0a7c83 100644 --- a/userChrome.css +++ b/userChrome.css @@ -38,25 +38,24 @@ /** Tab Bar - Reduce Width, Show more tabs **********************************/ .titlebar-spacer[type="pre-tabs"] { - width: 30px; /* Original: 40px */ + width: 30px !important; /* Original: 40px */ } .titlebar-spacer[type="post-tabs"] { - width: 25px; /* Original: 40px */ + width: 25px !important; /* Original: 40px */ } :root { --newtab-button-minus-width-padding: 2px; --newtab-button-width-padding: calc(var(--toolbarbutton-inner-padding) - var(--newtab-button-minus-width-padding)); } - #tabs-newtab-button > .toolbarbutton-icon, #new-tab-button > .toolbarbutton-icon, #alltabs-button > .toolbarbutton-badge-stack { /* Original: calc(2 * var(--toolbarbutton-inner-padding) + 16px) */ - width: calc(2 * var(--newtab-button-width-padding) + 16px); + width: calc(2 * var(--newtab-button-width-padding) + 16px) !important; /* Original: --toolbarbutton-inner-padding */ - padding-left: var(--newtab-button-width-padding); - padding-right: var(--newtab-button-width-padding); + padding-left: var(--newtab-button-width-padding) !important; + padding-right: var(--newtab-button-width-padding) !important; } :root[uidensity=compact] #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { @@ -66,8 +65,8 @@ :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-up ), :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox::part(scrollbutton-down) { /* Original: 4px */ - padding-left: 1px; - padding-right: 1px; + padding-left: 1px !important; + padding-right: 1px !important; } :root:not([uidensity=touch]) #new-tab-button, #alltabs-button {