mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Vertical Tab - userChrome.tab.as_titlebar

Browse source
This commit is contained in:
alstjr7375 2022-07-09 22:44:43 +09:00
parent 231ad1b751
commit bbe6cebe3f
6 changed files with 154 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

52
css/leptonChrome.css
View file

@ -4036,6 +4036,53 @@
}
}
}
/*= Tab Bar - Show only current tab ==========================================*/
@supports -moz-bool-pref("userChrome.tab.as_titlebar") {
:root:not([tabsintitlebar="true"]) #tabbrowser-tabs,
#scrollbutton-up,
#scrollbutton-down,
.titlebar-spacer[type="pre-tabs"],
spacer[part="overflow-end-indicator"],
.tabbrowser-tab:not([selected="true"]),
.tabbrowser-tab[selected="true"] .tab-background,
.tabbrowser-tab[selected="true"] .tab-stack:is(::before, ::after),
.tabbrowser-tab[selected="true"] .tab-close-button,
#tabs-newtab-button {
display: none !important;
}
.tabbrowser-tab[selected="true"] {
-moz-window-dragging: drag;
--tab-max-width: 100%;
}
.tabbrowser-tab[selected="true"] .tab-label-container {
margin-inline: 0 !important;
}
.tab-content {
margin-inline: auto;
width: 100%;
}
/* Pinned */
#tabbrowser-tabs {
padding-inline: 0 !important;
/* Original: var(--tab-overflow-pinned-tabs-width) 0; */
}
.tab-throbber[pinned],
.tab-icon-pending[pinned],
.tab-icon-image[pinned],
.tab-sharing-icon-overlay[pinned],
.tab-icon-overlay[pinned] {
margin-inline-end: 5.5px;
}
.tab-label-container[pinned] {
width: unset !important;
}
}
/*= Tab Bar - Connect to window ==============================================*/
@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
.tab-background {
@ -4800,6 +4847,7 @@
}
/** Clipped tabs - Show close button at pinned tab ****************************/
@supports -moz-bool-pref("userChrome.tab.close_button_at_pinned") {
@supports not -moz-bool-pref("userChrome.tab.as_titlebar") {
#tabbrowser-tabs {
--uc-close-button-size: 24px;
--uc-close-button-padding: 6px;
@ -4811,7 +4859,8 @@
--uc-close-button-padding: 4px;
}
.tabbrowser-tab[pinned][visuallyselected]:not([style*="transform: translateX"]):hover:not([busy]) .tab-close-button {
.tabbrowser-tab[pinned][visuallyselected]:not([style*="transform: translateX"]):hover:not([busy])
.tab-close-button {
display: -moz-box !important;
-moz-box-ordinal-group: 0 !important;
/* Looks like hover */
@ -4872,6 +4921,7 @@
.tab-close-button {
margin-inline-end: var(--uc-close-button-margin) !important;
}
}
}
/** Clipped tabs - Always show tab icon ***************************************/
@supports -moz-bool-pref("userChrome.tab.always_show_tab_icon") {

43
src/tabbar/_as_titlebar.scss Normal file
View file

@ -0,0 +1,43 @@
:root:not([tabsintitlebar="true"]) #tabbrowser-tabs, /* Show only */
#scrollbutton-up, /* Defaults */
#scrollbutton-down,
.titlebar-spacer[type="pre-tabs"],
spacer[part="overflow-end-indicator"],
.tabbrowser-tab:not([selected="true"]),
.tabbrowser-tab[selected="true"] .tab-background,
.tabbrowser-tab[selected="true"] .tab-stack:is(::before, ::after),
.tabbrowser-tab[selected="true"] .tab-close-button,
#tabs-newtab-button {
display: none !important;
}
.tabbrowser-tab[selected="true"] {
-moz-window-dragging: drag;
--tab-max-width: 100%;
}
.tabbrowser-tab[selected="true"] .tab-label-container {
margin-inline: 0 !important;
}
.tab-content {
margin-inline: auto;
width: 100%;
}
/* Pinned */
#tabbrowser-tabs {
padding-inline: 0 !important; /* Original: var(--tab-overflow-pinned-tabs-width) 0; */
}
.tab-throbber,
.tab-icon-pending,
.tab-icon-image,
.tab-sharing-icon-overlay,
.tab-icon-overlay {
&[pinned] {
margin-inline-end: 5.5px;
}
}
.tab-label-container[pinned] {
width: unset !important;
}

0
src/tabbar/_centerted.scss → src/tabbar/_centered.scss
View file

2
src/tabbar/_clipped_tab.scss
View file

@ -10,7 +10,9 @@
/** Clipped tabs - Show close button at pinned tab ****************************/
@include Option("userChrome.tab.close_button_at_pinned") {
@include NotOption("userChrome.tab.as_titlebar") {
@import "clipped_tab/pinned_close_button";
}
}
/** Clipped tabs - Always show tab icon ***************************************/

5
src/tabbar/_index.scss
View file

@ -33,6 +33,11 @@
@import "layout";
}
/*= Tab Bar - Show only current tab ==========================================*/
@include Option("userChrome.tab.as_titlebar") {
@import "as_titlebar";
}
/*= Tab Bar - Connect to window ==============================================*/
@include Option("userChrome.tab.connect_to_window") {
@import "connect_to_window";

1
user.js
View file

@ -99,6 +99,7 @@ user_pref("userChrome.tab.bottom_rounded_corner", true);
// user_pref("userChrome.tab.on_bottom.menubar_on_top", true); // Need on_bottom
// user_pref("userChrome.tab.one_line", true);
// user_pref("userChrome.tab.one_line.tabbar_first", true);
// user_pref("userChrome.tab.as_titlebar", true);
// user_pref("userChrome.tab.always_show_tab_icon", true);
// user_pref("userChrome.tab.close_button_at_pinned", true);
// user_pref("userChrome.tab.close_button_at_pinned.always", true);