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

Final commit

This commit is contained in:
Hadi Charara 2022-07-08 13:25:59 -04:00
parent 76b0e8c01c
commit 37a6303800
5 changed files with 29 additions and 41 deletions

View file

@ -308,6 +308,11 @@
box-shadow: none !important; box-shadow: none !important;
width: 20.205em !important; width: 20.205em !important;
font-size: 94%; font-size: 94%;
[dir="rtl"] & {
left: unset !important;
right: 0 !important;
}
} }
.dashboardDocument .mainDrawer-scrollContainer { .dashboardDocument .mainDrawer-scrollContainer {
@ -316,6 +321,11 @@
.dashboardDocument .skinBody { .dashboardDocument .skinBody {
left: 20em; left: 20em;
[dir="rtl"] & {
left: 0 !important;
right: 20em !important;
}
} }
} }
@ -672,6 +682,15 @@
margin-bottom: 0; margin-bottom: 0;
padding-left: 0; padding-left: 0;
} }
[dir="rtl"] & {
padding-left: unset !important;
@include header-poster-padding-rtl;
@media all and (max-width: 32em) {
padding-right: 0 !important;
}
}
} }
.subtitle { .subtitle {
@ -696,24 +715,24 @@
.layout-mobile & { .layout-mobile & {
display: block; display: block;
position: relative; position: relative;
padding: 0.5rem 5%; padding: 0.5rem 5% !important;
} }
.layout-desktop & { .layout-desktop & {
position: relative; position: relative;
padding-left: 32.45vw; padding-left: 32.45vw !important;
} }
.layout-tv & { .layout-tv & {
display: block; display: block;
padding-left: 32.45vw; padding-left: 32.45vw !important;
} }
[dir="rtl"] & { [dir="rtl"] & {
.layout-desktop &, .layout-desktop &,
.layout-tv & { .layout-tv & {
padding-right: 32.45vw; padding-right: 32.45vw !important;
padding-left: unset; padding-left: unset !important;
} }
} }
} }
@ -1228,21 +1247,11 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
} }
.padded-left { .padded-left {
padding-left: 3.3%; padding-inline-start: 3.3%;
[dir="rtl"] & {
padding-left: unset;
padding-right: 3.3%;
}
} }
.padded-right { .padded-right {
padding-right: 3.3%; padding-inline-end: 3.3%;
[dir="rtl"] & {
padding-right: unset;
padding-left: 3.3%;
}
} }
.padded-top { .padded-top {

View file

@ -145,7 +145,6 @@ const EmbyScrollButtonsPrototype = Object.create(HTMLDivElement.prototype);
} else if (globalize.getIsRTL()) { } else if (globalize.getIsRTL()) {
newPos = Math.min(0, scrollPos - scrollSize); newPos = Math.min(0, scrollPos - scrollSize);
} }
console.log(newPos);
scroller.scrollToPosition(newPos, false); scroller.scrollToPosition(newPos, false);
} }

View file

@ -61,7 +61,6 @@ function within(number, num1, num2) {
} }
const min = Math.min(num1, num2); const min = Math.min(num1, num2);
const max = Math.max(num1, num2); const max = Math.max(num1, num2);
console.log(min, max);
if (number < min) { if (number < min) {
return min; return min;
} else if (number > max) { } else if (number > max) {

View file

@ -45,6 +45,7 @@ import { currentSettings as userSettings } from './settings/userSettings';
} }
function checkAndProcessDir(culture) { function checkAndProcessDir(culture) {
isRTL = false;
for (const lang of RTL_LANGS) { for (const lang of RTL_LANGS) {
if (culture.includes(lang)) { if (culture.includes(lang)) {
isRTL = true; isRTL = true;
@ -60,11 +61,13 @@ import { currentSettings as userSettings } from './settings/userSettings';
function processIsRTL() { function processIsRTL() {
document.getElementsByTagName('body')[0].setAttribute('dir', 'rtl'); document.getElementsByTagName('body')[0].setAttribute('dir', 'rtl');
document.getElementsByTagName('html')[0].setAttribute('dir', 'rtl');
import('../styles/rtl.scss'); import('../styles/rtl.scss');
} }
function processIsLTR() { function processIsLTR() {
document.getElementsByTagName('body')[0].setAttribute('dir', 'ltr'); document.getElementsByTagName('body')[0].setAttribute('dir', 'ltr');
document.getElementsByTagName('html')[0].setAttribute('dir', 'ltr');
} }
export function getElementIsRTL(element) { export function getElementIsRTL(element) {

View file

@ -18,25 +18,3 @@
transform: scale(-1, 1); transform: scale(-1, 1);
} }
} }
@media all and (min-width: 40em) {
.dashboardDocument .mainDrawer {
left: unset !important;
right: 0 !important;
}
.dashboardDocument .skinBody {
left: 0 !important;
right: 20em !important;
}
}
.layout-mobile .mainDetailButtons {
padding-left: unset !important;
@include header-poster-padding-rtl;
@media all and (max-width: 32em) {
padding-left: unset !important;
padding-right: 0 Im !important;
}
}