Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-11-04 10:12:31 +01:00
Code Issues Releases Wiki Activity

fix: 🐛 Bazarr: progress bar and dropdown select fix

Browse Source
This commit is contained in:
GilbN 2022-07-15 18:13:34 +02:00
parent cee7d9060d
commit e26e293529
1 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/base/bazarr/bazarr-base.css
View File

@ -1,7 +1,7 @@
@import url("/css/defaults/placeholders.css"); @import url("/css/defaults/placeholders.css");
@import url("/css/defaults/transparent.css"); @import url("/css/defaults/transparent.css");
body,#root { body,#root,html {
background: var(--main-bg-color); background: var(--main-bg-color);
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed; background-attachment: fixed, fixed;
@ -348,6 +348,19 @@ textarea:focus-within, [class*="mantine-Textarea-"].mantine-Textarea-input[class
color: var(--text-hover); color: var(--text-hover);
} }
.mantine-ScrollArea-root.mantine-Paper-root.mantine-Select-dropdown[class*="bazarr-"] {
background: var(--drop-down-menu-bg);
border: 1px solid var(--drop-down-menu-bg);
}
.mantine-Select-item.mantine-Select-selected[class*="bazarr-"] {
background: var(--transparency-light-10);
}
[class*="bazarr-"].mantine-Select-item:hover {
background: var(--transparency-dark-15)
}
/* MODAL */ /* MODAL */
.mantine-Paper-root.mantine-Modal-modal[class*="bazarr-"] { .mantine-Paper-root.mantine-Modal-modal[class*="bazarr-"] {
@ -430,3 +443,13 @@ code, .mantine-Code-root[class*="bazarr-"] {
.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"] svg { .mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"] svg {
stroke: rgb(var(--accent-color)); stroke: rgb(var(--accent-color));
} }
/* PROGRESSBAR */
[class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] {
background: rgb(var(--accent-color));
}
[class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] .mantine-Text-root.mantine-Progress-label[class*="bazarr-"] {
color: var(--label-text-color);
}