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

Fix intentation (CSS)

This commit is contained in:
MrTimscampi 2020-01-25 11:42:43 +01:00
parent 8634ae8400
commit c96aad1c95
26 changed files with 199 additions and 198 deletions

View file

@ -8,6 +8,6 @@
contain: layout style;
}
.appfooter.headroom--unpinned {
transform: translateY(100%) !important;
}
.appfooter.headroom--unpinned {
transform: translateY(100%) !important;
}

View file

@ -56,26 +56,26 @@ button::-moz-focus-inner {
}
.cardPadder-backdrop,
.cardPadder-mixedBackdrop,
.cardPadder-smallBackdrop,
.cardPadder-overflowBackdrop,
.cardPadder-overflowSmallBackdrop {
.cardPadder-mixedBackdrop,
.cardPadder-smallBackdrop,
.cardPadder-overflowBackdrop,
.cardPadder-overflowSmallBackdrop {
padding-bottom: 56.25%;
contain: strict;
}
.cardPadder-square,
.cardPadder-mixedSquare,
.cardPadder-overflowSquare,
.overflowSquareCard-textCardPadder {
.cardPadder-mixedSquare,
.cardPadder-overflowSquare,
.overflowSquareCard-textCardPadder {
padding-bottom: 100%;
contain: strict;
}
.cardPadder-portrait,
.cardPadder-mixedPortrait,
.cardPadder-overflowPortrait,
.overflowPortraitCard-textCardPadder {
.cardPadder-mixedPortrait,
.cardPadder-overflowPortrait,
.overflowPortraitCard-textCardPadder {
padding-bottom: 150%;
contain: strict;
}
@ -492,14 +492,14 @@ button::-moz-focus-inner {
}
.squareCard,
.portraitCard {
.portraitCard {
width: 33.333333333333333333333333333333%;
}
}
@media (min-width: 43.75em) {
.squareCard,
.portraitCard {
.portraitCard {
width: 25%;
}
}
@ -516,7 +516,7 @@ button::-moz-focus-inner {
}
.squareCard,
.portraitCard {
.portraitCard {
width: 20%;
}
@ -537,7 +537,7 @@ button::-moz-focus-inner {
}
.squareCard,
.portraitCard {
.portraitCard {
width: 16.666666666666666666666666666667%;
}
@ -552,7 +552,7 @@ button::-moz-focus-inner {
@media (min-width: 87.5em) {
.squareCard,
.portraitCard {
.portraitCard {
width: 14.285714285714285714285714285714%;
}
@ -571,14 +571,14 @@ button::-moz-focus-inner {
}
.squareCard,
.portraitCard {
.portraitCard {
width: 12.5%;
}
}
@media (min-width: 120em) {
.squareCard,
.portraitCard {
.portraitCard {
width: 11.111111111111111111111111111111%;
}
}
@ -589,7 +589,7 @@ button::-moz-focus-inner {
}
.squareCard,
.portraitCard {
.portraitCard {
width: 10%;
}
}
@ -621,7 +621,7 @@ button::-moz-focus-inner {
}
.overflowSquareCard,
.overflowPortraitCard {
.overflowPortraitCard {
width: 40vw;
}
@ -647,33 +647,33 @@ button::-moz-focus-inner {
@media (min-width: 43.75em) {
.overflowSquareCard,
.overflowPortraitCard {
.overflowPortraitCard {
width: 23.1vw;
}
}
@media (min-width: 48.125em) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
.overflowSmallBackdropCard {
width: 30vw;
}
}
@media (orientation: landscape) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
.overflowSmallBackdropCard {
width: 30vw;
}
.overflowSquareCard,
.overflowPortraitCard {
.overflowPortraitCard {
width: 23.1vw;
}
}
@media (orientation: landscape) and (min-width: 48.125em) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
.overflowSmallBackdropCard {
width: 23.1vw;
}
}
@ -686,59 +686,59 @@ button::-moz-focus-inner {
@media (min-width: 50em) {
.overflowSquareCard,
.overflowPortraitCard {
.overflowPortraitCard {
width: 18.5vw;
}
}
@media (min-width: 75em) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
.overflowSmallBackdropCard {
width: 23.1vw;
}
.overflowSquareCard,
.overflowPortraitCard {
.overflowPortraitCard {
width: 15.5vw;
}
}
@media (min-width: 87.5em) {
.overflowSquareCard,
.overflowPortraitCard {
.overflowPortraitCard {
width: 13.3vw;
}
}
@media (min-width: 100em) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
.overflowSmallBackdropCard {
width: 18.7vw;
}
.overflowSquareCard,
.overflowPortraitCard {
.overflowPortraitCard {
width: 11.6vw;
}
}
@media (min-width: 120em) {
.overflowSquareCard,
.overflowPortraitCard {
.overflowPortraitCard {
width: 10.3vw;
}
}
@media (min-width: 131.25em) {
.overflowSquareCard,
.overflowPortraitCard {
.overflowPortraitCard {
width: 9.3vw;
}
}
@media (min-width: 156.25em) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
.overflowSmallBackdropCard {
width: 15.6vw;
}
}
@ -756,7 +756,7 @@ button::-moz-focus-inner {
}
.itemsContainer-tv > .overflowSquareCard,
.itemsContainer-tv > .overflowPortraitCard {
.itemsContainer-tv > .overflowPortraitCard {
width: 15.6vw;
}

View file

@ -114,7 +114,7 @@
@media all and (max-width: 80em), all and (max-height: 45em) {
.dialog-fixedSize,
.dialog-fullscreen-lowres {
.dialog-fullscreen-lowres {
position: fixed !important;
top: 0 !important;
bottom: 0 !important;

View file

@ -92,27 +92,27 @@
}
.channelPrograms,
.timeslotHeadersInner {
.timeslotHeadersInner {
width: 1800vw;
}
@media all and (min-width: 37.5em) {
.channelPrograms,
.timeslotHeadersInner {
.timeslotHeadersInner {
width: 1400vw;
}
}
@media all and (min-width: 50em) {
.channelPrograms,
.timeslotHeadersInner {
.timeslotHeadersInner {
width: 1200vw;
}
}
@media all and (min-width: 80em) {
.channelPrograms,
.timeslotHeadersInner {
.timeslotHeadersInner {
width: 810vw;
}
}
@ -125,12 +125,12 @@
}
.programCell,
.guide-channelHeaderCell {
.guide-channelHeaderCell {
outline: none !important;
}
.guide-channelHeaderCell,
.guide-channelTimeslotHeader {
.guide-channelTimeslotHeader {
padding: 0 !important;
cursor: pointer;
outline: none !important;
@ -167,34 +167,34 @@
This was causing channelsContainer to extend beyond the fixed width on ps4, tizen, lg and opera tv.
*/
.channelsContainer,
.guide-channelTimeslotHeader {
.guide-channelTimeslotHeader {
width: 24vw;
}
@media all and (min-width: 31.25em) {
.channelsContainer,
.guide-channelTimeslotHeader {
.guide-channelTimeslotHeader {
width: 16vw;
}
}
@media all and (min-width: 37.5em) {
.channelsContainer,
.guide-channelTimeslotHeader {
.guide-channelTimeslotHeader {
width: 16vw;
}
}
@media all and (min-width: 50em) {
.channelsContainer,
.guide-channelTimeslotHeader {
.guide-channelTimeslotHeader {
width: 14vw;
}
}
@media all and (min-width: 80em) {
.channelsContainer,
.guide-channelTimeslotHeader {
.guide-channelTimeslotHeader {
width: 12vw;
}
}
@ -214,25 +214,25 @@
@media all and (max-width: 50em) {
.newTvProgram,
.liveTvProgram,
.premiereTvProgram,
.guideHdIcon {
.liveTvProgram,
.premiereTvProgram,
.guideHdIcon {
display: none;
}
}
.channelPrograms + .channelPrograms,
.guide-channelHeaderCell + .guide-channelHeaderCell {
margin-top: -1px;
}
.channelPrograms + .channelPrograms,
.guide-channelHeaderCell + .guide-channelHeaderCell {
margin-top: -1px;
}
.channelPrograms-tv,
.guide-channelHeaderCell-tv {
.guide-channelHeaderCell-tv {
height: 3em;
}
.guide-channelTimeslotHeader,
.timeslotHeader {
.timeslotHeader {
background: transparent !important;
height: 2.8em;
}
@ -377,12 +377,12 @@
}
.channelsContainer,
.programGrid {
.programGrid {
contain: layout style paint;
}
.timerIcon,
.seriesTimerIcon {
.seriesTimerIcon {
color: #c33 !important;
}
@ -425,11 +425,11 @@
font-weight: normal;
}
.guide-date-tab-button.emby-tab-button-active {
border-color: transparent !important;
}
.guide-date-tab-button.emby-tab-button-active {
border-color: transparent !important;
}
.guide-date-tab-button.show-focus:focus {
border-radius: 0.15em !important;
transform: none !important;
}
.guide-date-tab-button.show-focus:focus {
border-radius: 0.15em !important;
transform: none !important;
}

View file

@ -86,7 +86,7 @@
}
.missingIndicator,
.unairedIndicator {
.unairedIndicator {
background: #c33;
padding: 0.25em 0.5em;
border-radius: 100em;

View file

@ -54,14 +54,14 @@
}
.listItemImage,
.listItemIcon,
.listItemAside {
.listItemIcon,
.listItemAside {
flex-shrink: 0;
}
.listItemBody,
.listItemImage,
.listItemIcon {
.listItemImage,
.listItemIcon {
display: inline-block;
vertical-align: middle;
}
@ -90,8 +90,8 @@
}
.listItem,
.listItemBody,
.listItemMediaInfo {
.listItemBody,
.listItemMediaInfo {
display: flex;
contain: layout style;
}
@ -260,8 +260,8 @@
@media all and (max-width: 50em) {
.listItem .endsAt,
.listItem .criticRating,
.listItem-overview {
.listItem .criticRating,
.listItem-overview {
display: none !important;
}
}

View file

@ -371,9 +371,9 @@
border-color: inherit;
}
.mdl-spinner__circle-clipper .mdl-spinner__circle {
width: 200%;
}
.mdl-spinner__circle-clipper .mdl-spinner__circle {
width: 200%;
}
.mdl-spinner__circleLeft {
border-right-color: transparent !important;

View file

@ -29,7 +29,7 @@
}
.mediaButton,
.nowPlayingBarUserDataButtons .btnUserItemRating {
.nowPlayingBarUserDataButtons .btnUserItemRating {
vertical-align: middle;
margin: 0;
text-align: center;
@ -165,7 +165,7 @@
@media all and (max-width: 24em) {
.nowPlayingBar .muteButton,
.nowPlayingBar .unmuteButton {
.nowPlayingBar .unmuteButton {
display: none;
}
}

View file

@ -4,13 +4,13 @@
}
.slideshowSwiperContainer,
.swiper-wrapper,
.swiper-slide {
.swiper-wrapper,
.swiper-slide {
background: #000;
}
.slideshowImage,
.slideshowSwiperContainer {
.slideshowSwiperContainer {
position: fixed;
top: 0;
right: 0;

View file

@ -9,13 +9,13 @@
align-items: center;
}
.youtubePlayerContainer.onTop {
z-index: 1000;
}
.youtubePlayerContainer.onTop {
z-index: 1000;
}
.youtubePlayerContainer video {
margin: 0 !important;
padding: 0 !important;
width: 100%;
height: 100%;
}
.youtubePlayerContainer video {
margin: 0 !important;
padding: 0 !important;
width: 100%;
height: 100%;
}