milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Some css reorganization

Browse source
This commit is contained in:
Hadi Charara 2022-12-23 16:24:53 -05:00 • committed by Bill Thornton
parent a73186d7aa
commit 7e286ceaf0
1 changed files with 45 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

94
src/assets/css/librarybrowser.scss
View file

@ -619,11 +619,11 @@
padding-right: 32.45vw; padding-right: 32.45vw;
padding-left: 2%; padding-left: 2%;
} }
}
.layout-mobile .detailPageContent { .layout-mobile & {
padding-left: 5%; padding-left: 5%;
padding-right: 5%; padding-right: 5%;
}
} }
.detailSectionContent a { .detailSectionContent a {
@ -747,31 +747,33 @@
text-align: center !important; text-align: center !important;
} }
.layout-mobile .mainDetailButtons { .mainDetailButtons {
margin-top: 1em; .layout-mobile [dir="ltr"] & {
margin-bottom: 0.5em; margin-left: 0;
}
.layout-mobile [dir="ltr"] .mainDetailButtons { @include header-poster-padding;
margin-left: 0;
@include header-poster-padding; // The buttons row is full width on small screens
@media all and (max-width: 32em) {
// The buttons row is full width on small screens margin-bottom: 0;
@media all and (max-width: 32em) { padding-left: 0;
margin-bottom: 0; }
padding-left: 0;
} }
}
.layout-mobile [dir="rtl"] .mainDetailButtons { .layout-mobile [dir="rtl"] & {
margin-right: 0; margin-right: 0;
@include header-poster-padding-rtl; @include header-poster-padding-rtl;
@media all and (max-width: 32em) { @media all and (max-width: 32em) {
margin-bottom: 0; margin-bottom: 0;
padding-right: 0; padding-right: 0;
}
}
.layout-mobile & {
margin-top: 1em;
margin-bottom: 0.5em;
} }
} }
@ -794,6 +796,16 @@
align-content: center; align-content: center;
z-index: 2; z-index: 2;
.layout-desktop [dir="rtl"] &,
.layout-tv [dir="rtl"] & {
padding-right: 32.45vw;
}
.layout-desktop [dir="ltr"] &,
.layout-tv [dir="ltr"] & {
padding-left: 32.45vw;
}
.layout-mobile & { .layout-mobile & {
display: block; display: block;
position: relative; position: relative;
@ -809,22 +821,6 @@
} }
} }
.layout-desktop [dir="rtl"] .detailPagePrimaryContainer {
padding-right: 32.45vw;
}
.layout-desktop [dir="ltr"] .detailPagePrimaryContainer {
padding-left: 32.45vw;
}
.layout-tv [dir="rtl"] .detailPagePrimaryContainer {
padding-right: 32.45vw;
}
.layout-tv [dir="ltr"] .detailPagePrimaryContainer {
padding-left: 32.45vw;
}
.layout-desktop .detailRibbon { .layout-desktop .detailRibbon {
margin-top: -7.2em; margin-top: -7.2em;
height: 7.2em; height: 7.2em;
@ -839,20 +835,20 @@
min-width: 0; min-width: 0;
max-width: 100%; max-width: 100%;
flex: 1 0 0; flex: 1 0 0;
}
.layout-mobile .infoWrapper { .layout-mobile [dir="ltr"] & {
@media all and (max-width: 32em) { @include header-poster-padding;
position: relative;
} }
}
.layout-mobile [dir="ltr"] .infoWrapper { .layout-mobile [dir="rtl"] & {
@include header-poster-padding; @include header-poster-padding-rtl;
} }
.layout-mobile [dir="rtl"] .infoWrapper { .layout-mobile & {
@include header-poster-padding-rtl; @media all and (max-width: 32em) {
position: relative;
}
}
} }
.infoText { .infoText {