Files
KefinTweaks/scripts/search.css
T

82 lines
1.4 KiB
CSS

.searchFields {
position: relative;
}
.padded-left.padded-right.searchFields {
display: flex;
flex-direction: column-reverse;
align-items: center;
}
div#smart-search-wrapper:not([style*="display: none"]) ~ #jellyseerr-search-icon {
transform: translateX(calc(100% + 1.5em)) translateY(calc(-50%));
position: absolute;
top: 24px;
right: 0;
}
div#smart-search-wrapper:not([style*="display: none"]) ~ #jellyseerr-search-icon {
width: 30px;
height: 30px;
}
#searchPage .searchFieldsInner {
position: relative;
}
main.MuiBox-root div#searchPage {
padding-top: 2rem !important;
}
div#searchPage {
padding-top: 5rem !important;
display: flex;
flex-direction: column;
}
div#searchPage > * {
order: 1;
}
div#searchPage > .jellyseerr-section {
order: 2;
padding-left: max(env(safe-area-inset-left), 3.3%);
}
div#smart-search-results {
padding-bottom: 0 !important;
padding-right: 0 !important;
}
label[for="searchTextInput"] {
display: none;
}
.searchfields-icon {
-webkit-align-self: flex-end;
align-self: flex-end;
font-size: 2em;
margin-bottom: 0.1em;
margin-right: 0.25em;
}
.searchFieldsInner > .searchfields-icon {
display: none;
}
.input-wrapper {
position: relative;
}
span.searchfields-icon {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.searchResults\,:not(.smart-search-results),
.searchResults:not(.smart-search-results) {
display: none;
}