cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 10:58:20 -07:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4225 from hadicharara/bugfix/fixed-scss-problems-item-detail-page

Browse Source 
Fixed scss problems in item detail pages
This commit is contained in:
Bill Thornton 2023-01-31 16:20:20 -05:00 committed by GitHub
commit 937ad4e774
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 32 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
src/assets/css/librarybrowser.scss
View File

@ -597,11 +597,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.layout-mobile & {
padding-left: 5%;
padding-right: 5%;
}
.layout-desktop &, .layout-desktop &,
.layout-tv & { .layout-tv & {
.emby-scroller { .emby-scroller {
@ -624,6 +619,11 @@
padding-right: 32.45vw; padding-right: 32.45vw;
padding-left: 2%; padding-left: 2%;
} }
.layout-mobile & {
padding-left: 5%;
padding-right: 5%;
}
} }
.detailSectionContent a { .detailSectionContent a {
@ -669,11 +669,6 @@
margin: 1em 0; margin: 1em 0;
} }
.detailButton,
.mainDetailButtons {
display: flex;
}
.itemName { .itemName {
margin: 0.5em 0; margin: 0.5em 0;
font-weight: 600; font-weight: 600;
@ -750,6 +745,10 @@
.layout-mobile .mainDetailButtons { .layout-mobile .mainDetailButtons {
margin-top: 1em; margin-top: 1em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
}
.layout-mobile [dir="ltr"] .mainDetailButtons {
margin-left: 0;
@include header-poster-padding; @include header-poster-padding;
@ -758,20 +757,16 @@
margin-bottom: 0; margin-bottom: 0;
padding-left: 0; padding-left: 0;
} }
}
[dir="ltr"] & { .layout-mobile [dir="rtl"] .mainDetailButtons {
margin-left: 0; margin-right: 0;
}
[dir="rtl"] & { @include header-poster-padding-rtl;
margin-right: 0;
padding-left: unset !important;
@include header-poster-padding-rtl; @media all and (max-width: 32em) {
margin-bottom: 0;
@media all and (max-width: 32em) { padding-right: 0;
padding-right: 0 !important;
}
} }
} }
@ -807,22 +802,16 @@
.layout-tv & { .layout-tv & {
display: block; display: block;
} }
}
.layout-desktop [dir="rtl"] .detailPagePrimaryContainer { .layout-desktop [dir="rtl"] &,
padding-right: 32.45vw; .layout-tv [dir="rtl"] & {
} padding-right: 32.45vw;
}
.layout-desktop [dir="ltr"] .detailPagePrimaryContainer { .layout-desktop [dir="ltr"] &,
padding-left: 32.45vw; .layout-tv [dir="ltr"] & {
} 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 {
@ -841,31 +830,23 @@
flex: 1 0 0; flex: 1 0 0;
.layout-mobile & { .layout-mobile & {
[dir="ltr"] {
@include header-poster-padding;
}
[dir="rtl"] & {
@include header-poster-padding-rtl;
}
@media all and (max-width: 32em) { @media all and (max-width: 32em) {
position: relative; position: relative;
} }
} }
.layout-mobile [dir="ltr"] & {
@include header-poster-padding;
}
.layout-mobile [dir="rtl"] & {
@include header-poster-padding-rtl;
}
} }
.infoText { .infoText {
min-width: 0; min-width: 0;
max-width: 100%; max-width: 100%;
[dir="ltr"] & {
text-align: left;
}
[dir="rtl"] & {
text-align: right;
}
} }
.detailPageSecondaryContainer { .detailPageSecondaryContainer {
@ -1141,10 +1122,6 @@ div.itemDetailGalleryLink.defaultCardBackground {
} }
@media all and (max-width: 62.5em) { @media all and (max-width: 62.5em) {
.mainDetailButtons {
margin-left: -0.5em;
}
.detailButtonHideonMobile { .detailButtonHideonMobile {
display: none !important; display: none !important;
} }