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: Redesigned layout of browse and search buttons next to input fields

Browse Source 
New: Updated color of hyperlinks to be more in line with other elements
This commit is contained in:
lscambo13
2024-12-17 09:35:21 -08:00
parent 7c494ac0c3
commit 67e60517fe
1 changed files with 35 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -335,25 +335,52 @@ html {
padding: .5em !important; padding: .5em !important;
} }
.searchfields-txtSearch {
border-radius: 4em;
}
.btnPlay { .btnPlay {
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
/* border-radius: .5em 0em 0em .5em; */ /* border-radius: .5em 0em 0em .5em; */
border: solid var(--lighterBorderColor) 1px; border: solid var(--lighterBorderColor) 1px;
} }
.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 { .searchfields-icon {
padding: .125em; padding: .25em;
/* margin: 0 !important; */ /* margin: 0 !important; */
margin-right: .25em; margin-left: -1.75em;
margin-bottom: 0; margin-bottom: 0;
border-radius: 1em; border-radius: 1em;
background-color: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.5);
/* background-color: rgba(255, 255, 255, 0.05); */
/* border-radius: .5em 0em 0em .5em; */ /* border-radius: .5em 0em 0em .5em; */
border: solid var(--lighterBorderColor) 1px; /* border: solid var(--lighterBorderColor) 1px;*/
}
.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);
}
.button-link:hover {
text-decoration: none;
} }
.btnPlay>.detailButton-content { .btnPlay>.detailButton-content {