Merge pull request #1496 from lenzfliker/mod-update--smaller-zen-toast-popup--v1-1-0

mod update: smaller zen toast popup v1.1.0
This commit is contained in:
mr. m 2025-05-14 00:44:24 +02:00 committed by GitHub
commit 0e0d9efb95
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 131 additions and 13 deletions

View file

@ -6,31 +6,48 @@
right: calc(var(--zen-element-separation) * 2) !important; right: calc(var(--zen-element-separation) * 2) !important;
} }
:root[zen-right-side='true'] & { :root[zen-right-side='true'] & {
left: calc(var(--zen-element-separation) * 2) !important; left: calc(var(--zen-element-separation) * 2) !important;
} }
& .zen-toast { & .zen-toast {
padding: 6px !important;
padding: 6px !important;
border-radius: 12px !important; border-radius: 12px !important;
font-weight: 600 !important; font-weight: 600 !important;
font-size: 12px !important; font-size: 12px !important;
box-shadow: 0px !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 { & .description {
font-size: 10px !important; font-size: 10px !important;
} }
}
& .zen-toast:hover { &:has(#mod-zentoast[mod-zentoast-background_opacity="0.1"]) { background: rgba(255, 255, 255, 0.1) !important; }
background: var(--zen-primary-color) !important; &:has(#mod-zentoast[mod-zentoast-background_opacity="0.2"]) { background: rgba(255, 255, 255, 0.2) !important; }
color: var(--button-primary-color) !important; &:has(#mod-zentoast[mod-zentoast-background_opacity="0.3"]) { background: rgba(255, 255, 255, 0.3) !important; }
border: 1px solid rgba(0, 0, 0, 0.0) !important; &:has(#mod-zentoast[mod-zentoast-background_opacity="0.4"]) { background: rgba(255, 255, 255, 0.4) !important; }
transition: 0.3s !important; &:has(#mod-zentoast[mod-zentoast-background_opacity="0.5"]) { background: rgba(255, 255, 255, 0.5) !important; }
&:has(#mod-zentoast[mod-zentoast-background_opacity="0.6"]) { background: rgba(255, 255, 255, 0.6) !important; }
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.1"]) { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.2"]) { border: 1px solid rgba(0, 0, 0, 0.2) !important; }
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.3"]) { border: 1px solid rgba(0, 0, 0, 0.3) !important; }
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.4"]) { border: 1px solid rgba(0, 0, 0, 0.4) !important; }
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.5"]) { border: 1px solid rgba(0, 0, 0, 0.5) !important; }
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.6"]) { border: 1px solid rgba(0, 0, 0, 0.6) !important; }
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.1"]) { color: rgba(0, 0, 0, 0.1) !important; }
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.2"]) { color: rgba(0, 0, 0, 0.2) !important; }
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.3"]) { color: rgba(0, 0, 0, 0.3) !important; }
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.4"]) { color: rgba(0, 0, 0, 0.4) !important; }
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.5"]) { color: rgba(0, 0, 0, 0.5) !important; }
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.6"]) { color: rgba(0, 0, 0, 0.6) !important; }
&: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;
}
} }
} }

View file

@ -0,0 +1,101 @@
[
{
"property": "mod.zentoast.background_opacity",
"label": "Background opacity",
"type": "dropdown",
"placeholder": "Select background opacity",
"defaultValue": "0.3",
"options": [
{
"label": "10%",
"value": "0.1"
},
{
"label": "20%",
"value": "0.2"
},
{
"label": "30%",
"value": "0.3"
},
{
"label": "40%",
"value": "0.4"
},
{
"label": "50%",
"value": "0.5"
},
{
"label": "60%",
"value": "0.6"
}
]
},
{
"property": "mod.zentoast.border_opacity",
"label": "Border opacity",
"type": "dropdown",
"placeholder": "Select border opacity",
"defaultValue": "0.3",
"options": [
{
"label": "10%",
"value": "0.1"
},
{
"label": "20%",
"value": "0.2"
},
{
"label": "30%",
"value": "0.3"
},
{
"label": "40%",
"value": "0.4"
},
{
"label": "50%",
"value": "0.5"
},
{
"label": "60%",
"value": "0.6"
}
]
},
{
"property": "mod.zentoast.text_opacity",
"label": "Text opacity",
"type": "dropdown",
"placeholder": "Select text opacity",
"defaultValue": "0.3",
"options": [
{
"label": "10%",
"value": "0.1"
},
{
"label": "20%",
"value": "0.2"
},
{
"label": "30%",
"value": "0.3"
},
{
"label": "40%",
"value": "0.4"
},
{
"label": "50%",
"value": "0.5"
},
{
"label": "60%",
"value": "0.6"
}
]
}
]