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

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

@@ -564,36 +564,6 @@ progress+span {
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 {
color: rgb(200, 200, 200);
}
@@ -1296,8 +1266,39 @@ div[data-role=controlgroup] a.ui-btn-active {
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 {
padding-left: 34%;
padding-bottom: 2%;
}
[dir=ltr] .mediaInfoItem {