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

added an alphabet picker to some screens

Browse source
This commit is contained in:
Luke Pulverenti 2013-05-16 15:00:42 -04:00
parent a46c0b8a2d
commit 3e88762620
16 changed files with 271 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

71
dashboard-ui/css/librarybrowser.css
View file

@ -426,8 +426,6 @@ a.itemTag:hover {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 650px) {
@ -677,3 +675,72 @@ a.itemTag:hover {
.timelineHeader {
margin-bottom: .25em;
}
.alphabetPicker {
position: fixed;
right: 0;
bottom: 0;
top: 100px;
width: 25px;
z-index: 1000;
text-align: center;
font-size: 13px;
display: none;
line-height: 1;
}
.alphabetPicker a {
display: block;
text-decoration: none;
padding: 1px 0;
color: #eee!important;
}
.alphabetPicker a:hover:not(.selectedCharacter) {
background: #666!important;
color: #fff!important;
}
.selectedCharacter {
color: #fff!important;
background: #4d90fe;
}
@media all and (min-height: 500px) {
.alphabetPicker {
display: block;
}
.itemsContainerWithAlphaPicker {
margin-right: 25px;
}
}
@media all and (min-height: 600px) {
.alphabetPicker a {
padding: 2px 0;
}
}
@media all and (min-height: 720px) {
.alphabetPicker {
top: 135px;
}
.alphabetPicker a {
padding: 4px 0;
}
}
@media all and (min-height: 850px) {
.alphabetPicker a {
padding: 6px 0;
}
}
@media all and (min-height: 1000px) {
}