74 lines
1.8 KiB
CSS
74 lines
1.8 KiB
CSS
|
/* Edge-Frfox - findbar.css
|
||
|
|
* https://github.com/bmFtZQ/edge-frfox */
|
||
|
|
|
||
|
|
/*
|
||
|
|
MARK: Findbar textbox
|
||
|
|
*/
|
||
|
|
.findbar-textbox {
|
||
|
|
border: 0 !important;
|
||
|
|
border-radius: var(--toolbarbutton-border-radius) !important;
|
||
|
|
background-color: var(--toolbar-field-background-color) !important;
|
||
|
|
|
||
|
|
/* Add shadow when in light mode with no theme applied, like the URL bar. */
|
||
|
|
:root:not([lwtheme]) & {
|
||
|
|
box-shadow: 0 0 4px light-dark(rgb(0 0 0 / .1), transparent) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
&:focus {
|
||
|
|
outline-width: 2px !important;
|
||
|
|
outline-offset: -1px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
&[status="notfound"] {
|
||
|
|
outline: 2px solid var(--input-error-border-color, #E22850) !important;
|
||
|
|
outline-offset: -1px !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Prevent focus outline from being cut off on the findbar textbox. */
|
||
|
|
.findbar-container {
|
||
|
|
overflow-inline: visible !important;
|
||
|
|
|
||
|
|
/* Add ability to drag window from empty space in the findbar. */
|
||
|
|
&::after {
|
||
|
|
content: "";
|
||
|
|
flex: 1;
|
||
|
|
align-self: stretch;
|
||
|
|
margin-block: -6px;
|
||
|
|
-moz-window-dragging: drag;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
MARK: Findbar buttons
|
||
|
|
*/
|
||
|
|
.findbar-find-previous,
|
||
|
|
.findbar-find-next,
|
||
|
|
findbar .close-icon {
|
||
|
|
border-radius: var(--toolbarbutton-border-radius) !important;
|
||
|
|
|
||
|
|
&:not([disabled]):hover {
|
||
|
|
background-color: var(--toolbarbutton-hover-background, rgb(190 190 190 / .2)) !important;
|
||
|
|
|
||
|
|
&:active {
|
||
|
|
background-color: var(--toolbarbutton-active-background, rgb(190 190 190 / .4)) !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
MARK: Rounded corners
|
||
|
|
*/
|
||
|
|
@media (-moz-bool-pref: "uc.tweak.rounded-corners") {
|
||
|
|
findbar {
|
||
|
|
border: none !important;
|
||
|
|
margin-bottom: var(--uc-tweak-rounded-corners-padding, 0px) !important;
|
||
|
|
background-color: transparent !important;
|
||
|
|
padding-inline: var(--uc-tweak-rounded-corners-padding, 0px) !important;
|
||
|
|
|
||
|
|
&[hidden] {
|
||
|
|
margin-bottom: calc(var(--uc-tweak-rounded-corners-padding, 0px) - 40px) !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|