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

3.0.5607.1

Browse source
This commit is contained in:
Luke Pulverenti 2015-05-10 09:06:12 -04:00
parent 5623b7c147
commit 66a896e13d
10 changed files with 169 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

21
dashboard-ui/css/card.css
View file

@ -167,15 +167,11 @@
.cardContent .cardFooter {
position: absolute;
bottom: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
background: rgba(0, 0, 0, .75);
left: 0;
right: 0;
color: #fff;
color: #eee;
padding: 5px 0 0 0;
max-width: 100%;
}
.cardText {
@ -183,11 +179,15 @@
overflow: hidden;
text-wrap: none;
white-space: nowrap;
padding: 5px 4px 2px;
padding: 5px 5px 2px;
font-weight: 400;
line-height: 1.4;
}
.cardContent .cardFooter .cardText {
font-size: 16px;
}
.cardOverlayInner {
color: #fff;
}
@ -205,8 +205,7 @@
}
.cardContent .cardText {
padding-left: 5px;
padding: 0 5px 4px;
padding: 0 6px 4px 5px;
}
.outerCardFooter .cardText + .cardText {

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

@ -640,7 +640,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.detailSection {
vertical-align: top;
margin-bottom: 2.5em;
margin-bottom: 3em;
}
.detailCollapsibleSection:not(.hide) + .detailCollapsibleSection {
@ -1282,53 +1282,77 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
text-decoration: none;
}
.groupingMenu {
width: 240px;
}
.groupingMenuScroller {
max-height: 200px;
min-width: 240px;
overflow-x: hidden;
overflow-y: auto;
padding-right: 8px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
padding: 1em;
}
@media all and (min-width: 400px) {
.groupingMenuScroller {
min-width: 300px;
.groupingMenu {
width: 360px;
}
}
@media all and (min-width: 500px) {
.groupingMenuScroller {
min-width: 400px;
.groupingMenu {
width: 460px;
}
}
@media all and (min-width: 600px) {
.groupingMenuScroller {
min-width: 500px;
.groupingMenu {
width: 560px;
}
}
@media all and (min-height: 400px) {
@media all and (min-width: 700px) {
.groupingMenuScroller {
max-height: 300px;
.groupingMenu {
width: 660px;
}
}
@media all and (min-height: 500px) {
@media all and (min-width: 800px) {
.groupingMenuScroller {
max-height: 400px;
.groupingMenu {
width: 760px;
}
}
@media all and (min-height: 600px) {
@media all and (min-width: 900px) {
.groupingMenuScroller {
max-height: 500px;
.groupingMenu {
width: 860px;
}
}
@media all and (min-width: 1000px) {
.groupingMenu {
width: 960px;
}
}
@media all and (min-width: 1100px) {
.groupingMenu {
width: 1060px;
}
}
@media all and (min-width: 1200px) {
.groupingMenu {
width: 1160px;
}
}