New: Added hover effects to chapter cards and checkboxes

dev: Reorganised some entries
This commit is contained in:
lscambo13
2024-12-26 10:22:54 -08:00
parent 23ad03be9f
commit ba6f376173

View File

@@ -451,16 +451,6 @@ html {
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 {
background-color: rgba(255, 255, 255, 0.05);
border: solid var(--lighterBorderColor) var(--borderWidth);
@@ -722,6 +712,11 @@ html {
height: calc(100% - 0em);
}
.checkboxContainer:hover .checkboxOutline:not(.multiSelectCheckboxOutline) {
border-color: var(--checkboxCheckedBgColor);
border-width: calc(2 * var(--borderWidth));
}
.checkboxOutline.multiSelectCheckboxOutline {
border-radius: var(--largeRadius);
border-width: 0;
@@ -1115,6 +1110,16 @@ div[data-role=controlgroup] a.ui-btn-active {
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,
.selectLabelFocused,
.textareaLabelFocused {
@@ -1127,6 +1132,17 @@ div[data-role=controlgroup] a.ui-btn-active {
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 {
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 {
overflow: unset;
}
@@ -1226,3 +1237,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
.playerStats {
border-radius: var(--largeRadius);
}
#scenesContent .cardScalable:hover {
border-color: var(--dimTextColor) !important;
}