Merge pull request #1491 from RobotoSkunk/main

This commit is contained in:
mr. m 2025-05-10 18:07:28 +02:00 committed by GitHub
commit b1901cc958
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 125 additions and 95 deletions

View file

@ -1,3 +1,16 @@
:root {
--better-findbar-transform-translateY: 150px;
--better-findbar-transform-translateX: -50%;
--better-findbar-position-top: auto;
--better-findbar-position-bottom: 15px;
--better-findbar-position-left: 50%;
--better-findbar-position-right: auto;
}
.browserContainer {
overflow: clip
}
findbar {
display: flex !important;
@ -10,9 +23,11 @@ findbar {
height: auto !important;
position: absolute !important;
top: 15px;
left: 50%;
transform: translateX(-50%);
top: var(--better-findbar-position-top);
bottom: var(--better-findbar-position-bottom);
left: var(--better-findbar-position-left);
right: var(--better-findbar-position-right);
transform: translateX(var(--better-findbar-transform-translateX)) translateY(0);
overflow: unset !important;
box-shadow: var(--box-shadow-10);
@ -20,9 +35,7 @@ findbar {
background: var(--zen-colors-tertiary) !important;
border: 1px solid var(--zen-colors-border) !important;
transition:
top 0.35s ease,
bottom 0.35s ease !important;
transition: transform 0.35s ease !important;
visibility: visible !important;
opacity: 1 !important;
@ -44,11 +57,11 @@ findbar {
}
&[hidden="true"] {
top: -150px;
transform: translateX(var(--better-findbar-transform-translateX)) translateY(var(--better-findbar-transform-translateY));
}
@starting-style {
top: -150px;
transform: translateX(var(--better-findbar-transform-translateX)) translateY(var(--better-findbar-transform-translateY));
}
}
@ -56,40 +69,37 @@ findbar {
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="left"]
) {
findbar {
left: 15px;
transform: translateX(0%);
}
--better-findbar-transform-translateX: 0%;
--better-findbar-position-left: 15px;
--better-findbar-position-right: auto;
}
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="right"]
) {
findbar {
left: unset !important;
right: 15px;
transform: translateX(0%);
--better-findbar-transform-translateX: 0%;
--better-findbar-position-left: auto;
--better-findbar-position-right: 15px;
}
body:has(
#theme-Better-Find-Bar[theme-better_find_bar-vertical_position="top"]
) {
--better-findbar-transform-translateY: -150px;
--better-findbar-position-bottom: auto;
--better-findbar-position-top: 15px;
}
/* Background blur */
@media (-moz-bool-pref: "theme.better_find_bar.transparent_background") {
findbar,
findbar .findbar-textbox:not([status="notfound"]) {
backdrop-filter: blur(15px);
findbar, findbar .findbar-textbox:not([status="notfound"]) {
backdrop-filter: blur(8px);
background: color-mix(
in hsl,
var(--zen-colors-tertiary),
transparent 30%
) !important;
background: color-mix(in hsl, var(--zen-colors-tertiary), transparent 30%) !important;
}
findbar .findbar-textbox:not([status="notfound"]) {
background: color-mix(
in hsl,
var(--zen-colors-tertiary),
transparent 10%
) !important;
background: color-mix(in hsl, var(--zen-colors-tertiary), transparent 10%) !important;
}
}

View file

@ -9,6 +9,8 @@
"label": "Horizontal position",
"type": "dropdown",
"disabledOn": [],
"placeholder": "Select horizontal position",
"defaultValue": "default",
"options": [
{
"label": "Left",
@ -23,5 +25,23 @@
"value": "right"
}
]
},
{
"property": "theme.better_find_bar.vertical_position",
"label": "Vertical position",
"type": "dropdown",
"disabledOn": [],
"placeholder": "Select vertical position",
"defaultValue": "default",
"options": [
{
"label": "Top",
"value": "top"
},
{
"label": "Bottom",
"value": "default"
}
]
}
]

View file

@ -1,3 +1,3 @@
# Better Find Bar
Improves the find bar by matching the browser theme, making it floating, more responsive, and moving it to the top of the page.
Improves the find bar by matching the browser theme, making it floating and more responsive.

View file

@ -8,8 +8,8 @@
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/image.png",
"author": "RobotoSkunk",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/preferences.json",
"version": "1.1.2",
"version": "1.2.0",
"tags": [],
"createdAt": "2024-11-24",
"updatedAt": "2025-01-31"
"updatedAt": "2025-05-09"
}