Fix: URL Bar - Position fix for touch & tablet mode #881

This commit is contained in:
alstjr7375 2024-04-29 01:26:57 +09:00
parent 9201a934f2
commit 15a6f4fa41
4 changed files with 16 additions and 8 deletions

12
css/leptonChrome.css generated
View file

@ -4382,7 +4382,9 @@
height: auto !important;
}
:root[uidensity="touch"] #urlbar[breakout] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2 + 1px) !important;
top: calc(
(var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2 + 1px
) !important;
}
/* spread menu */
:root:not([uidensity]) .urlbarView-row {
@ -4401,7 +4403,7 @@
}
@supports -moz-bool-pref("userChrome.padding.urlView_expanding") or -moz-bool-pref("userChrome.urlView.as_commandbar") {
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
@ -18052,7 +18054,9 @@
height: auto !important;
}
:root[uidensity="touch"] #urlbar[breakout] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2 + 1px) !important;
top: calc(
(var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2 + 1px
) !important;
}
/* spread menu */
:root:not([uidensity]) .urlbarView-row {
@ -18070,7 +18074,7 @@
}
@media (-moz-bool-pref: "userChrome.padding.urlView_expanding"), (-moz-bool-pref: "userChrome.urlView.as_commandbar") {
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}

View file

@ -4727,7 +4727,9 @@
height: auto !important;
}
:root[uidensity="touch"] #urlbar[breakout] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2 + 1px) !important;
top: calc(
(var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2 + 1px
) !important;
}
/* spread menu */
:root:not([uidensity]) .urlbarView-row {
@ -4746,7 +4748,7 @@
}
@supports -moz-bool-pref("userChrome.padding.urlView_expanding") or -moz-bool-pref("userChrome.urlView.as_commandbar") {
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}

View file

@ -51,7 +51,7 @@
}
@include Option("userChrome.padding.urlView_expanding", "userChrome.urlView.as_commandbar") {
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}

View file

@ -25,7 +25,9 @@
}
}
:root[uidensity="touch"] & {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2 + 1px) !important;
// Fallback #881
top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height))
- var(--urlbar-height)) / 2 + 1px) !important;
}
}