mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-02-05 06:50:39 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Option - Always show tab icon, Close button at hover, Sound Label

Browse source
This commit is contained in:
alstjr7375 2022-03-21 11:56:26 +09:00
parent aa7e85eb7b
commit 5cb7c14fbd
7 changed files with 56 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/tabbar/_clipped_tab.scss
View file

@ -7,3 +7,8 @@
@include Option("userChrome.tab.close_button_at_hover") {
@import "clipped_tab/show_close_button_at_hover";
}
/** Clipped tabs - Always show tab icon ***************************************/
@include Option("userChrome.tab.always_show_tab_icon") {
@import "clipped_tab/always_show_tab_icon";
}

5
src/tabbar/_sound_tab.scss
View file

@ -3,6 +3,11 @@
@import "sound_tab/hide_label";
}
/*= Sound Tab - Show Label ===================================================*/
@include Option("userChrome.tab.sound_show_label") {
@import "sound_tab/show_label";
}
/*= Sound Tab - Show with Favicons ===========================================*/
@include Option("userChrome.tab.sound_with_favicons") {
@import "sound_tab/show_with_favicons";

1
src/tabbar/clipped_tab/_always_show_tab_icon.scss Normal file
View file

@ -0,0 +1 @@

22
src/tabbar/clipped_tab/_show_close_button_at_hover.scss
View file

@ -15,6 +15,16 @@
visibility: visible !important;
opacity: 1;
}
@include Option("userChrome.tab.always_show_close_button_at_hover") {
.tabbrowser-tab:not([visuallyselected]) .tab-close-button {
visibility: collapse !important;
opacity: 0;
}
.tabbrowser-tab:hover .tab-close-button {
visibility: visible !important;
opacity: 1;
}
}
/* Animate */
@include Animate {
@ -27,6 +37,18 @@
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:hover .tab-close-button {
transition: opacity 0.25s var(--animation-easing-function) !important;
}
@include Option("userChrome.tab.always_show_close_button_at_hover") {
/* Fade out */
.tabbrowser-tab:not([visuallyselected]) .tab-close-button {
transition: opacity 0.1s var(--animation-easing-function) !important;
}
/* Fade in */
.tabbrowser-tab:hover .tab-close-button {
transition: opacity 0.25s var(--animation-easing-function) !important;
}
}
}
/* Closed Button's icon thicker */

3
src/tabbar/sound_tab/_show_label.scss Normal file
View file

@ -0,0 +1,3 @@
.tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]){
display: -moz-box !important;
}

26
src/tabbar/sound_tab/_show_with_favicons.scss
View file

@ -43,18 +43,20 @@
}
/* None exist favicon - Size bigger */
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) {
transform: translateX(-0.5px) translateY(-1px);
inset-inline-end: 0 !important;
margin-inline-end: 0 !important;
padding: 0 !important;
}
.tabbrowser-tab:not([image]):is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image:not([pinned]) {
opacity: 0 !important; /* Favicon hidden */
}
.tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
.tab-label {
transform: translateX(3px);
@icnlude NotOption("userChrome.tab.always_show_tab_icon") {
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) {
transform: translateX(-0.5px) translateY(-1px);
inset-inline-end: 0 !important;
margin-inline-end: 0 !important;
padding: 0 !important;
}
.tabbrowser-tab:not([image]):is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image:not([pinned]) {
opacity: 0 !important; /* Favicon hidden */
}
.tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
.tab-label {
transform: translateX(3px);
}
}
/* Busy - Show */

8
user.js
View file

@ -52,8 +52,12 @@ user_pref("userChrome.tab.bottom_rounded_corner", true);
// user_pref("userChrome.tab.photon_like_radius", true);
// == Theme Custom Settings ====================================================
// user_pref("userChrome.padding.first_tab", true);
// user_pref("userChrome.padding.drag_space", true);
// user_pref("userChrome.padding.first_tab", true);
// user_pref("userChrome.padding.drag_space", true);
// user_pref("userChrome.tab.always_show_tab_icon", true);
// user_pref("userChrome.tab.always_show_close_button_at_hover", true); // Need close_button_at_hover
// user_pref("userChrome.tab.sound_show_label", true); // Need remove sound_hide_label
// == Theme Default Settings ===================================================
// -- User Chrome --------------------------------------------------------------