diff --git a/README.md b/README.md index 5ee813f..79108d2 100644 --- a/README.md +++ b/README.md @@ -18,7 +18,7 @@ A Firefox userChrome.css theme that aims to recreate the look and feel of the Ch ##### Recommended: 1. `browser.tabs.tabMinWidth` = `66` - 2. `browser.tabs.tabClipWidth` = `66` + 2. `browser.tabs.tabClipWidth` = `86` Additional tweaks can also be applied to the theme, such as Mica (Windows 11 Only), Floating Tabs and more. See [Tweaks](#tweaks). @@ -84,6 +84,10 @@ To disable a tweak, set the key to `false` or delete it, then restart the browse |-| |`uc.tweak.revert-context-menu`| +|if a tab's close button is hidden, show it when hovering over tab| +|-| +|`uc.tweak.show-tab-close-button-on-hover`| + ## Mica Tweak Instructions (Windows 11 Only) 1. Download and install [Mica For Everyone](https://github.com/MicaForEveryone/MicaForEveryone). 2. Create a custom process rule with the following: diff --git a/chrome/global/tweaks.css b/chrome/global/tweaks.css index 9706b09..f1b1469 100644 --- a/chrome/global/tweaks.css +++ b/chrome/global/tweaks.css @@ -294,3 +294,9 @@ browsing indicator) */ } } } + +@supports -moz-bool-pref("uc.tweak.show-tab-close-button-on-hover") { + #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned], [selected]):hover .tab-close-button { + display: -moz-box !important; + } +} diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css index 24b67a9..62babfa 100644 --- a/chrome/toolbar/tabbar.css +++ b/chrome/toolbar/tabbar.css @@ -351,8 +351,12 @@ toolbarbutton[part="scrollbutton-down"] { box-shadow: 0 -3px 2px -3px rgba(0, 0, 0, 0.75) inset !important; } -#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[selected="true"] .tab-label-container { - --tab-label-mask-size: 0.5em !important; +#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab .tab-label-container { + --tab-label-mask-size: 1em !important; +} + +#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]) .tab-content { + padding-inline: calc(var(--inline-tab-padding) - 4px) 0 !important; } .tab-content {