boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

New: Added hover effects to chapter cards and checkboxes

Browse Source 
dev: Reorganised some entries
This commit is contained in:
lscambo13
2024-12-26 10:22:54 -08:00
parent 23ad03be9f
commit ba6f376173
1 changed files with 30 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
Theme/ElegantFin-theme-nightly.css
View File

@@ -451,16 +451,6 @@ html {
margin-top: 2em; margin-top: 2em;
} }
.emby-select-withcolor,
.emby-select,
.emby-input,
.emby-textarea {
background-color: var(--selectorBackgroundColor);
border: var(--lighterBorderColor) solid var(--borderWidth);
border-radius: var(--smallRadius);
padding: .5em !important;
}
.btnPlay { .btnPlay {
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
border: solid var(--lighterBorderColor) var(--borderWidth); border: solid var(--lighterBorderColor) var(--borderWidth);
@@ -722,6 +712,11 @@ html {
height: calc(100% - 0em); height: calc(100% - 0em);
} }
.checkboxContainer:hover .checkboxOutline:not(.multiSelectCheckboxOutline) {
border-color: var(--checkboxCheckedBgColor);
border-width: calc(2 * var(--borderWidth));
}
.checkboxOutline.multiSelectCheckboxOutline { .checkboxOutline.multiSelectCheckboxOutline {
border-radius: var(--largeRadius); border-radius: var(--largeRadius);
border-width: 0; border-width: 0;
@@ -1115,6 +1110,16 @@ div[data-role=controlgroup] a.ui-btn-active {
background-color: rgb(255 255 255 / 5%); background-color: rgb(255 255 255 / 5%);
} }
.emby-select-withcolor,
.emby-select,
.emby-input,
.emby-textarea {
background-color: var(--selectorBackgroundColor);
border: var(--lighterBorderColor) solid var(--borderWidth);
border-radius: var(--smallRadius);
padding: .5em !important;
}
.inputLabelFocused, .inputLabelFocused,
.selectLabelFocused, .selectLabelFocused,
.textareaLabelFocused { .textareaLabelFocused {
@@ -1127,6 +1132,17 @@ div[data-role=controlgroup] a.ui-btn-active {
border-color: #c1c1c1 !important; border-color: #c1c1c1 !important;
} }
.emby-select-withcolor:hover,
.emby-input:hover,
.emby-textarea:hover {
border-color: var(--dimTextColor) !important;
}
.emby-select-withcolor>option {
color: inherit;
background-color: var(--selectorBackgroundColor);
}
.layout-mobile [dir=ltr] .infoWrapper { .layout-mobile [dir=ltr] .infoWrapper {
padding-left: 34%; padding-left: 34%;
} }
@@ -1167,11 +1183,6 @@ div[data-role=controlgroup] a.ui-btn-active {
} }
} }
.emby-select-withcolor>option {
color: inherit;
background-color: var(--selectorBackgroundColor);
}
.layout-tv .headerLeft { .layout-tv .headerLeft {
overflow: unset; overflow: unset;
} }
@@ -1225,4 +1236,8 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
.playerStats { .playerStats {
border-radius: var(--largeRadius); border-radius: var(--largeRadius);
}
#scenesContent .cardScalable:hover {
border-color: var(--dimTextColor) !important;
} }