Merge branch 'main' into main

This commit is contained in:
mr. m 2025-05-10 18:09:29 +02:00 committed by GitHub
commit 22ac943d38
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 177 additions and 95 deletions

View file

@ -1,95 +1,105 @@
: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 { findbar {
display: flex !important; display: flex !important;
border-radius: var(--zen-border-radius) !important; border-radius: var(--zen-border-radius) !important;
margin: 0px !important; margin: 0px !important;
width: 90% !important; width: 90% !important;
max-width: 800px; max-width: 800px;
height: auto !important; height: auto !important;
position: absolute !important; position: absolute !important;
top: 15px; top: var(--better-findbar-position-top);
left: 50%; bottom: var(--better-findbar-position-bottom);
transform: translateX(-50%); left: var(--better-findbar-position-left);
right: var(--better-findbar-position-right);
transform: translateX(var(--better-findbar-transform-translateX)) translateY(0);
overflow: unset !important; overflow: unset !important;
box-shadow: var(--box-shadow-10); box-shadow: var(--box-shadow-10);
background: var(--zen-colors-tertiary) !important; background: var(--zen-colors-tertiary) !important;
border: 1px solid var(--zen-colors-border) !important; border: 1px solid var(--zen-colors-border) !important;
transition: transition: transform 0.35s ease !important;
top 0.35s ease,
bottom 0.35s ease !important;
visibility: visible !important; visibility: visible !important;
opacity: 1 !important; opacity: 1 !important;
& .findbar-container { & .findbar-container {
flex-wrap: wrap; flex-wrap: wrap;
overflow-x: auto !important; overflow-x: auto !important;
height: auto !important; height: auto !important;
row-gap: 10px; row-gap: 10px;
& > :first-child { & > :first-child {
width: 100% !important; width: 100% !important;
} }
& .findbar-textbox { & .findbar-textbox {
flex-grow: 1; flex-grow: 1;
} }
} }
&[hidden="true"] { &[hidden="true"] {
top: -150px; transform: translateX(var(--better-findbar-transform-translateX)) translateY(var(--better-findbar-transform-translateY));
} }
@starting-style { @starting-style {
top: -150px; transform: translateX(var(--better-findbar-transform-translateX)) translateY(var(--better-findbar-transform-translateY));
} }
} }
/* Horizontal Position */ /* Horizontal Position */
body:has( body:has(
#theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="left"] #theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="left"]
) { ) {
findbar { --better-findbar-transform-translateX: 0%;
left: 15px; --better-findbar-position-left: 15px;
transform: translateX(0%); --better-findbar-position-right: auto;
}
} }
body:has( body:has(
#theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="right"] #theme-Better-Find-Bar[theme-better_find_bar-horizontal_position="right"]
) { ) {
findbar { --better-findbar-transform-translateX: 0%;
left: unset !important; --better-findbar-position-left: auto;
right: 15px; --better-findbar-position-right: 15px;
transform: translateX(0%);
}
} }
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 */ /* Background blur */
@media (-moz-bool-pref: "theme.better_find_bar.transparent_background") { @media (-moz-bool-pref: "theme.better_find_bar.transparent_background") {
findbar, findbar, findbar .findbar-textbox:not([status="notfound"]) {
findbar .findbar-textbox:not([status="notfound"]) { backdrop-filter: blur(8px);
backdrop-filter: blur(15px);
background: color-mix( background: color-mix(in hsl, var(--zen-colors-tertiary), transparent 30%) !important;
in hsl, }
var(--zen-colors-tertiary),
transparent 30%
) !important;
}
findbar .findbar-textbox:not([status="notfound"]) { findbar .findbar-textbox:not([status="notfound"]) {
background: color-mix( background: color-mix(in hsl, var(--zen-colors-tertiary), transparent 10%) !important;
in hsl, }
var(--zen-colors-tertiary), }
transparent 10%
) !important;
}
}

View file

@ -1,27 +1,47 @@
[ [
{ {
"property": "theme.better_find_bar.transparent_background", "property": "theme.better_find_bar.transparent_background",
"label": "Transparent background", "label": "Transparent background",
"type": "checkbox" "type": "checkbox"
}, },
{ {
"property": "theme.better_find_bar.horizontal_position", "property": "theme.better_find_bar.horizontal_position",
"label": "Horizontal position", "label": "Horizontal position",
"type": "dropdown", "type": "dropdown",
"disabledOn": [], "disabledOn": [],
"options": [ "placeholder": "Select horizontal position",
{ "defaultValue": "default",
"label": "Left", "options": [
"value": "left" {
}, "label": "Left",
{ "value": "left"
"label": "Center", },
"value": "default" {
}, "label": "Center",
{ "value": "default"
"label": "Right", },
"value": "right" {
} "label": "Right",
] "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 # 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", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/image.png",
"author": "RobotoSkunk", "author": "RobotoSkunk",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/a6335949-4465-4b71-926c-4a52d34bc9c0/preferences.json", "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": [], "tags": [],
"createdAt": "2024-11-24", "createdAt": "2024-11-24",
"updatedAt": "2025-01-31" "updatedAt": "2025-05-10"
} }

View file

@ -0,0 +1,36 @@
#zen-toast-container {
top: calc(var(--zen-element-separation) * 6) !important;
:root:not([zen-right-side='true']) & {
right: calc(var(--zen-element-separation) * 2) !important;
}
:root[zen-right-side='true'] & {
left: calc(var(--zen-element-separation) * 2) !important;
}
& .zen-toast {
padding: 6px !important;
border-radius: 12px !important;
font-weight: 600 !important;
font-size: 12px !important;
box-shadow: 0px !important ;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
background: rgba(255, 255, 255, 0.2) !important;
color: color-mix(in srgb, var(--button-primary-color) 20%, transparent) !important;
& .description {
font-size: 10px !important;
}
}
& .zen-toast:hover {
background: var(--zen-primary-color) !important;
color: var(--button-primary-color) !important;
border: 1px solid rgba(0, 0, 0, 0.0) !important;
transition: 0.3s !important;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

View file

@ -0,0 +1,2 @@
Makes the 'New background tab opened!' toast popup notification less distracting and adds hover

View file

@ -0,0 +1,14 @@
{
"id": "e51b85e6-cef5-45d4-9fff-6986637974e1",
"name": "smaller zen toast popup",
"description": "Makes the 'New background tab opened!' toast popup notification less distracting and adds hover",
"homepage": "https://github.com/lenzfliker/zen-mods/tree/main/%5BMOD%5D%20smaller%20zen%20toast%20popup",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e51b85e6-cef5-45d4-9fff-6986637974e1/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e51b85e6-cef5-45d4-9fff-6986637974e1/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e51b85e6-cef5-45d4-9fff-6986637974e1/image.png",
"author": "lenzfliker",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-05-09",
"updatedAt": "2025-05-10"
}