Fix: URL Bar - When vertical tabbar #1095

This commit is contained in:
alstjr7375 2025-12-23 00:00:00 +09:00
parent 8c63b02d3f
commit a14d22599a
3 changed files with 12 additions and 6 deletions

11
css/leptonChrome.css generated
View file

@ -4622,7 +4622,8 @@
}
}
@media -moz-pref("userChrome.padding.urlView_expanding") or -moz-pref("userChrome.urlView.as_commandbar") {
#urlbar[breakout][breakout-extend] {
/* .browser-titlebar is Vertical Tabbar */
#nav-bar:not(.browser-titlebar) #urlbar[breakout][breakout-extend] {
top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important;
width: var(--urlbar-width) !important;
position: relative !important;
@ -4891,8 +4892,7 @@
padding: unset !important;
padding-top: 4px !important;
}
}
/*= Popup Panel - Reduce padding =============================================*/
} /*= Popup Panel - Reduce padding =============================================*/
@media -moz-pref("userChrome.padding.popup_panel") {
#protections-popup-main-header-label {
height: unset !important; /* Original: 37.6px */
@ -9104,6 +9104,7 @@
/* Pinned Tab */
.tabbrowser-tab[pinned] .tab-content::before,
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tab-content::before {
left: unset;
transform: translateY(var(--uc-container-position-y));
width: 16px !important;
}
@ -19483,7 +19484,8 @@
}
}
@media (-moz-bool-pref: "userChrome.padding.urlView_expanding"), (-moz-bool-pref: "userChrome.urlView.as_commandbar") {
#urlbar[breakout][breakout-extend] {
/* .browser-titlebar is Vertical Tabbar */
#nav-bar:not(.browser-titlebar) #urlbar[breakout][breakout-extend] {
top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important;
width: var(--urlbar-width) !important;
position: relative !important;
@ -24596,6 +24598,7 @@
@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) {
.tabbrowser-tab[pinned] .tab-content::before,
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tab-content::before {
left: unset;
transform: translateY(var(--uc-container-position-y));
width: 16px !important;
}

View file

@ -4968,7 +4968,8 @@
}
}
@supports -moz-bool-pref("userChrome.padding.urlView_expanding") or -moz-bool-pref("userChrome.urlView.as_commandbar") {
#urlbar[breakout][breakout-extend] {
/* .browser-titlebar is Vertical Tabbar */
#nav-bar:not(.browser-titlebar) #urlbar[breakout][breakout-extend] {
top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important;
width: var(--urlbar-width) !important;
position: relative !important;
@ -9563,6 +9564,7 @@
/* Pinned Tab */
.tabbrowser-tab[pinned] .tab-content::before,
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tab-content::before {
left: unset;
transform: translateY(var(--uc-container-position-y));
width: 16px !important;
}

View file

@ -50,7 +50,8 @@
}
}
@include Option("userChrome.padding.urlView_expanding", "userChrome.urlView.as_commandbar") {
#urlbar[breakout][breakout-extend] {
/* .browser-titlebar is Vertical Tabbar */
#nav-bar:not(.browser-titlebar) #urlbar[breakout][breakout-extend] {
top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important;
width: var(--urlbar-width) !important;
position: relative !important;