From 33d58866fd4e550defb21353d42555b366fab2bc Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 28 Nov 2022 23:48:43 +0900 Subject: [PATCH] Fix: Findbar - border radius, width --- css/leptonChrome.css | 11 ++++++----- src/others/_findbar_floating_on_top.scss | 11 ++++++----- 2 files changed, 12 insertions(+), 10 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index b79568e..0b147ec 100644 --- a/css/leptonChrome.css +++ b/css/leptonChrome.css @@ -8492,16 +8492,16 @@ } .findbar-container, .findbar-closebutton { - border: 1px solid var(--chrome-content-separator-color); - border-width: 0 0 1px 0px; + border-style: solid; + border-color: var(--chrome-content-separator-color); background: var(--uc-light-bkgnd-color, var(--toolbar-bgcolor)) !important; pointer-events: auto; height: 33px !important; } .findbar-container { -moz-box-direction: reverse; - border-left-width: 1px; - border-bottom-left-radius: 4px; + border-width: 0 0 1px 1px; + border-radius: var(--toolbarbutton-border-radius) 0 0 var(--toolbarbutton-border-radius) !important; } .findbar-container > .findbar-find-fast { padding: var(--toolbarbutton-inner-padding) 1px; @@ -8520,7 +8520,8 @@ box-sizing: padding-box; width: 30px !important; /* Original: 24px */ margin: 0 !important; - border-radius: 0 4px 4px 0 !important; + border-width: 0 1px 1px 0px; + border-radius: 0 var(--toolbarbutton-border-radius) var(--toolbarbutton-border-radius) 0 !important; padding: 2px 5px 2px 3px !important; overflow: clip; } diff --git a/src/others/_findbar_floating_on_top.scss b/src/others/_findbar_floating_on_top.scss index 0019efe..7ef1cad 100644 --- a/src/others/_findbar_floating_on_top.scss +++ b/src/others/_findbar_floating_on_top.scss @@ -29,8 +29,8 @@ findbar { .findbar-container, .findbar-closebutton { - border: 1px solid var(--chrome-content-separator-color); - border-width: 0 0 1px 0px; + border-style: solid; + border-color: var(--chrome-content-separator-color); background: var(--uc-light-bkgnd-color, var(--toolbar-bgcolor)) !important; pointer-events: auto; height: 33px !important; @@ -38,8 +38,8 @@ findbar { .findbar-container { -moz-box-direction: reverse; - border-left-width: 1px; - border-bottom-left-radius: 4px; + border-width: 0 0 1px 1px; + border-radius: var(--toolbarbutton-border-radius) 0 0 var(--toolbarbutton-border-radius) !important; > .findbar-find-fast { padding: var(--toolbarbutton-inner-padding) 1px; @@ -60,7 +60,8 @@ findbar { box-sizing: padding-box; width: 30px !important; /* Original: 24px */ margin: 0 !important; - border-radius: 0 4px 4px 0 !important; + border-width: 0 1px 1px 0px; + border-radius: 0 var(--toolbarbutton-border-radius) var(--toolbarbutton-border-radius) 0 !important; padding: 2px 5px 2px 3px !important; overflow: clip;