From eedc04dd755fd75cd5a7da491308f4686583f574 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 19 Nov 2022 23:06:47 +0900 Subject: [PATCH] Fix: NavBar - As sidebar's urlbar horizontal center` --- css/leptonChrome.css | 9 +++++++-- src/navbar/_as_sidebar.scss | 8 ++++++++ src/padding/_urlbar.scss | 1 - 3 files changed, 15 insertions(+), 3 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index e05b3ee..8c42869 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -3774,8 +3774,6 @@ :root:not([uidensity="touch"]) #search-container { padding-block: 3px !important; /* Original: 4px */ - margin-inline: 5px !important; - /* Original: 5px */ } :root:not([uidensity="compact"]) #urlbar-container, @@ -8223,6 +8221,10 @@ #urlbar-container { top: var(--uc-urlbar-margin-top); min-width: calc(var(--uc-sidebar-activate-width) - 2 * var(--toolbarbutton-inner-padding)) !important; + margin-inline: auto !important; + /* Original: var(--urlbar-margin-inline) */ + left: 50%; + transform: translateX(-50%); } #sidebar-header { @@ -8230,6 +8232,9 @@ -moz-window-dragging: drag; } + :root[customizing="true"] #wrapper-urlbar-container { + left: 50%; + } :root[customizing="true"] #browser[collapsed="true"] { visibility: visible !important; } diff --git a/src/navbar/_as_sidebar.scss b/src/navbar/_as_sidebar.scss index 8b0f1fb..3b3c31b 100644 --- a/src/navbar/_as_sidebar.scss +++ b/src/navbar/_as_sidebar.scss @@ -73,6 +73,10 @@ #urlbar-container { top: var(--uc-urlbar-margin-top); min-width: calc(var(--uc-sidebar-activate-width) - (2 * var(--toolbarbutton-inner-padding))) !important; + + margin-inline: auto !important; /* Original: var(--urlbar-margin-inline) */ + left: 50%; + transform: translateX(-50%); } #sidebar-header { @@ -81,6 +85,10 @@ } :root[customizing="true"] { + #wrapper-urlbar-container { + left: 50%; + } + #browser[collapsed="true"] { visibility: visible !important; diff --git a/src/padding/_urlbar.scss b/src/padding/_urlbar.scss index b5cd2bc..d167c05 100644 --- a/src/padding/_urlbar.scss +++ b/src/padding/_urlbar.scss @@ -1,7 +1,6 @@ :root:not([uidensity="touch"]) #urlbar-container, :root:not([uidensity="touch"]) #search-container { padding-block: 3px !important; /* Original: 4px */ - margin-inline: 5px !important; /* Original: 5px */ } :root:not([uidensity="compact"]) #urlbar-container, :root:not([uidensity="compact"]) #search-container {