Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add tweak to show tab button when hovered over #46

Browse source
This commit is contained in:
bmFtZQ 2022-07-14 23:51:11 +08:00
parent 48ca0d7875
commit d907e2233e
3 changed files with 17 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
README.md
View file

@ -18,7 +18,7 @@ A Firefox userChrome.css theme that aims to recreate the look and feel of the Ch
##### Recommended: ##### Recommended:
1. `browser.tabs.tabMinWidth` = `66` 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). 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`| |`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) ## Mica Tweak Instructions (Windows 11 Only)
1. Download and install [Mica For Everyone](https://github.com/MicaForEveryone/MicaForEveryone). 1. Download and install [Mica For Everyone](https://github.com/MicaForEveryone/MicaForEveryone).
2. Create a custom process rule with the following: 2. Create a custom process rule with the following:

6
chrome/global/tweaks.css
View file

@ -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;
}
}

8
chrome/toolbar/tabbar.css
View file

@ -351,8 +351,12 @@ toolbarbutton[part="scrollbutton-down"] {
box-shadow: 0 -3px 2px -3px rgba(0, 0, 0, 0.75) inset !important; 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 { #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab .tab-label-container {
--tab-label-mask-size: 0.5em !important; --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 { .tab-content {