mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-05 18:20:44 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Auto Hide - Tab

Browse source
This commit is contained in:
alstjr7375 2022-07-25 14:05:59 +09:00
parent 64cc77ab38
commit 52cf0fd507
5 changed files with 92 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
CREDITS
View file

@ -170,6 +170,11 @@ W: https://github.com/coekuss/quietfox
C: Copyright (c) 2019 coekuss
L: MIT
N: RainFox
W: https://github.com/1280px/rainfox
C: Copyright (c) 2020 1280px
L: MIT
N: ShadowFox
W: https://github.com/overdodactyl/ShadowFox
C: Copyright (c) 2017 overdodactyl

46
css/leptonChrome.css
View file

@ -5657,6 +5657,52 @@
}
}
}
@supports -moz-bool-pref("userChrome.autohide.tab") {
@supports not -moz-bool-pref("userChrome.autohide.tab.opacity") {
@supports not -moz-bool-pref("userChrome.autohide.tab.blur") {
.tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
margin-bottom: -64px;
}
}
}
@supports -moz-bool-pref("userChrome.autohide.tab.opacity") {
.tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
opacity: 0%;
}
}
@supports -moz-bool-pref("userChrome.autohide.tab.blur") {
.tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
filter: blur(8px);
}
}
@media (prefers-reduced-motion: no-preference) {
.tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
transition-timing-function: var(--animation-easing-function);
transition-duration: 0.2s;
transition-delay: 600ms;
}
.tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]):hover {
transition-delay: 0s;
}
@supports not -moz-bool-pref("userChrome.autohide.tab.opacity") {
@supports not -moz-bool-pref("userChrome.autohide.tab.blur") {
.tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
transition-property: margin-bottom;
}
}
}
@supports -moz-bool-pref("userChrome.autohide.tab.opacity") {
.tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
transition-property: opacity;
}
}
@supports -moz-bool-pref("userChrome.autohide.tab.blur") {
.tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
transition-property: filter;
}
}
}
}
@supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref(
"userChrome.autohide.bookmarkbar"
)

4
src/autohide/_index.scss
View file

@ -2,6 +2,10 @@
@import "forward_button";
}
@include Option("userChrome.autohide.tab") {
@import "tab";
}
@import "common";
@include Option("userChrome.autohide.tabbar", "userChrome.autohide.navbar") {
@include Option("userChrome.autohide.tabbar", "userChrome.tab.one_liner") {

34
src/autohide/_tab.scss Normal file
View file

@ -0,0 +1,34 @@
.tabbrowser-tab:not([multiselected]) .tab-content:not(:hover):not([selected]) {
@include NotOption("userChrome.autohide.tab.opacity") {
@include NotOption("userChrome.autohide.tab.blur") {
margin-bottom: -64px;
}
}
@include Option("userChrome.autohide.tab.opacity") {
opacity: 0%;
}
@include Option("userChrome.autohide.tab.blur") {
filter: blur(8px);
}
@include Animate {
transition-timing-function: var(--animation-easing-function);
transition-duration: 0.2s;
transition-delay: 600ms;
&:hover {
transition-delay: 0s;
}
@include NotOption("userChrome.autohide.tab.opacity") {
@include NotOption("userChrome.autohide.tab.blur") {
transition-property: margin-bottom;
}
}
@include Option("userChrome.autohide.tab.opacity") {
transition-property: opacity;
}
@include Option("userChrome.autohide.tab.blur") {
transition-property: filter;
}
}
}

3
user.js
View file

@ -73,6 +73,9 @@ user_pref("userChrome.rounding.square_tab", false);
// user_pref("userChrome.theme.proton_color.dark_blue_accent", true);
// user_pref("userChrome.autohide.tab", true);
// user_pref("userChrome.autohide.tab.opacity", true);
// user_pref("userChrome.autohide.tab.blur", true);
// user_pref("userChrome.autohide.tabbar", true);
// user_pref("userChrome.autohide.navbar", true);
// user_pref("userChrome.autohide.bookmarkbar", true);