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

Fix: Search bar style was bugged. Rearranging code fixes it.

Browse Source 
dev: Minor layout adjustments
This commit is contained in:
lscambo13
2025-01-08 06:44:05 -08:00
parent 54108ac435
commit df594149cc
1 changed files with 37 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -185,17 +185,17 @@ html {
display: none; display: none;
} }
.layout-mobile .cardOverlayButton{ .layout-mobile .cardOverlayButton {
padding: .425em; padding: .425em;
} }
.layout-mobile .cardOverlayButton-br>.cardOverlayButtonIcon { .layout-mobile .cardOverlayButton-br>.cardOverlayButtonIcon {
border: solid var(--borderColor) var(--borderWidth); border: solid var(--borderColor) var(--borderWidth);
} }
.layout-mobile .portraitCard .cardOverlayButton-br, .layout-mobile .portraitCard .cardOverlayButton-br,
.layout-mobile .backdropCard .cardOverlayButton-br, .layout-mobile .backdropCard .cardOverlayButton-br,
.layout-mobile .cardOverlayButton-br[data-action="menu"]{ .layout-mobile .cardOverlayButton-br[data-action="menu"] {
display: none; display: none;
} }
@@ -564,36 +564,6 @@ progress+span {
border: solid var(--lighterBorderColor) var(--borderWidth); border: solid var(--lighterBorderColor) var(--borderWidth);
} }
.inputContainer .emby-input-iconbutton {
color: rgba(255, 255, 255, 0.5);
margin-left: -2.5em;
background-color: transparent !important;
}
.searchfields-txtSearch {
padding: .75em 1.5em !important;
border-radius: 4em;
}
.searchfields-icon {
padding: .25em;
margin-left: -1.75em;
margin-bottom: 0;
border-radius: var(--largeRadius);
color: rgba(255, 255, 255, 0.5);
}
.searchfields-icon:hover,
.searchfields-icon:active,
.inputContainer .emby-input-iconbutton:hover,
.inputContainer .emby-input-iconbutton:active {
color: rgba(255, 255, 255, 0.8);
}
.searchFields>.searchFieldsInner {
flex-direction: row-reverse;
}
.button-link { .button-link {
color: rgb(200, 200, 200); color: rgb(200, 200, 200);
} }
@@ -763,7 +733,7 @@ progress+span {
padding: 0 0.5em !important; padding: 0 0.5em !important;
} }
.formDialogFooter:not(.formDialogFooter-clear.formDialogFooter-flex)>.formDialogFooterItem{ .formDialogFooter:not(.formDialogFooter-clear.formDialogFooter-flex)>.formDialogFooterItem {
-webkit-flex-basis: 6em; -webkit-flex-basis: 6em;
flex-basis: 6em; flex-basis: 6em;
} }
@@ -1296,8 +1266,39 @@ div[data-role=controlgroup] a.ui-btn-active {
background-color: var(--selectorBackgroundColor); background-color: var(--selectorBackgroundColor);
} }
.inputContainer .emby-input-iconbutton {
color: rgba(255, 255, 255, 0.5);
margin-left: -2.5em;
background-color: transparent !important;
}
.searchfields-txtSearch {
padding: .75em 1.5em !important;
border-radius: 4em;
}
.searchfields-icon {
padding: .25em;
margin-left: -1.75em;
margin-bottom: 0;
border-radius: var(--largeRadius);
color: rgba(255, 255, 255, 0.5);
}
.searchfields-icon:hover,
.searchfields-icon:active,
.inputContainer .emby-input-iconbutton:hover,
.inputContainer .emby-input-iconbutton:active {
color: rgba(255, 255, 255, 0.8);
}
.searchFields>.searchFieldsInner {
flex-direction: row-reverse;
}
.layout-mobile [dir=ltr] .infoWrapper { .layout-mobile [dir=ltr] .infoWrapper {
padding-left: 34%; padding-left: 34%;
padding-bottom: 2%;
} }
[dir=ltr] .mediaInfoItem { [dir=ltr] .mediaInfoItem {
@@ -1496,6 +1497,6 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
justify-content: center; justify-content: center;
} }
#txtLoginDisclaimer{ #txtLoginDisclaimer {
resize: none; resize: none;
} }