make integrated-searchbar-popup radius a bit easier to adjust

This commit is contained in:
MrOtherGuy 2021-12-11 10:44:21 +02:00
parent d1b0d64f09
commit d45baf3165

View file

@ -7,28 +7,34 @@ See the above repository for updates as well as full license text. */
* to make the popup border show properly, or make the border use other color. * to make the popup border show properly, or make the border use other color.
*/ */
#PopupSearchAutoComplete,
#searchbar{
/* text input is clipped if this is too large compared to font-size. */
--uc-searchbar-border-radius: 6px;
}
#PopupSearchAutoComplete{ #PopupSearchAutoComplete{
--uc-panel-radius: 0 0 10px 10px; --uc-inner-margin: 6px;
--uc-slot-radius: 0 0 6px 6px; --uc-searchbar-border-outer-radius: calc(var(--uc-searchbar-border-radius) + var(--uc-inner-margin));
--uc-panel-border: 0px;
--arrowpanel-border-color: transparent !important; --arrowpanel-border-color: transparent !important;
border-radius: var(--uc-panel-radius) !important; margin-top: calc(1px - var(--uc-searchbar-border-radius));
margin-top: -3px;
outline: 2px solid var(--toolbar-field-focus-border-color) !important; outline: 2px solid var(--toolbar-field-focus-border-color) !important;
outline-offset: -8px; outline-offset: -8px;
-moz-window-shadow: none !important; -moz-window-shadow: none !important;
margin-inline: -6px; margin-inline: calc(0px - var(--uc-inner-margin));
padding-inline: 6px; padding-inline: var(--uc-inner-margin);
margin-bottom: -6px; margin-bottom: -6px;
padding-bottom: 6px; padding-bottom: 6px;
filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.13)); filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.2));
background: transparent !important; background: transparent !important;
border-radius: 0 0 var(--uc-searchbar-border-outer-radius) var(--uc-searchbar-border-outer-radius) !important;
} }
slot[part="content"]{ #searchbar:focus-within{ border-radius: var(--uc-searchbar-border-radius) !important; }
border-radius: var(--uc-slot-radius,var(--panel-border-radius)) !important;
}
slot{
border-radius: 0 0 var(--uc-searchbar-border-radius) var(--uc-searchbar-border-radius) !important;
}
#PopupSearchAutoComplete::before{ #PopupSearchAutoComplete::before{
height: 8px; height: 8px;
background: var(--toolbar-field-focus-background-color); background: var(--toolbar-field-focus-background-color);