mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

search hints progress

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-27 09:05:33 -04:00
parent ba13b0837d
commit 5005e0d448
9 changed files with 287 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

83
dashboard-ui/css/search.css
View file

@ -1,6 +1,7 @@
.headerSearch {
display: none;
margin-right: 3em;
position: relative;
}
.txtSearch {
@ -11,12 +12,6 @@
width: 150px;
}
.searchHints {
width: 148px;
color: #000;
font-family: Arial;
}
.btnSearch {
vertical-align: middle;
background-color: #4d90fe;
@ -50,16 +45,62 @@
}
.searchHints {
width: 148px;
color: #000;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid #999;
position: absolute;
z-index: 999;
margin-top: 1px;
font-size: 14px;
}
.searchHintsContent {
padding: 10px;
}
.searchHint {
display: block;
text-decoration: none;
color: #000;
border-bottom: 1px solid #eee;
}
.searchHint:hover {
background-color: #eee;
}
.searchHintImage {
display: inline-block;
width: 15%;
vertical-align: middle;
}
.searchHintContent {
vertical-align: top;
display: inline-block;
width: 85%;
}
.searchHintName {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.searchHintSecondaryText {
font-size: 11px;
color: #999;
margin-top: 3px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.searchHintContentInner {
padding: 2px 5px;
}
@media all and (min-width: 650px) {
.headerSearch {
@ -87,3 +128,31 @@
width: 248px;
}
}
@media all and (min-width: 1200px) {
.txtSearch {
width: 350px;
}
.searchHints {
width: 348px;
}
}
@media all and (min-width: 1440px) {
.txtSearch {
width: 450px;
}
.searchHints {
width: 448px;
}
.searchHintImage {
width: 12%;
}
.searchHintContent {
width: 88%;
}
}