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

Replaced all inline entries with attribute bases selectors

Browse source
This commit is contained in:
Hadi Charara 2022-07-14 17:59:23 -04:00
parent f218e28949
commit d4202e0279
50 changed files with 805 additions and 155 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/elements/emby-slider/emby-slider.js
View file

@ -417,7 +417,10 @@ import globalize from '../../scripts/globalize';
function setRange(elem, startPercent, endPercent) {
const style = elem.style;
style.insetInlineStart = Math.max(startPercent, 0) + '%';
if (globalize.getIsRTL())
style.right = Math.max(startPercent, 0) + '%';
else
style.left = Math.max(startPercent, 0) + '%';
const widthPercent = endPercent - startPercent;
style.width = Math.max(Math.min(widthPercent, 100), 0) + '%';

33
src/elements/emby-slider/emby-slider.scss
View file

@ -151,10 +151,16 @@
width: 100%;
box-sizing: border-box;
top: 50%;
inset-inline-start: 0;
position: absolute;
padding-block: 0;
padding-inline: 0.54em;/* half of slider thumb size */
padding: 0 0.54em; /* half of slider thumb size */
[dir="ltr"] & {
left: 0;
}
[dir="rtl"] & {
right: 0;
}
}
.mdl-slider-background-flex {
@ -163,11 +169,18 @@
margin-top: -0.1em;
width: 100%;
top: 50%;
inset-inline-start: 0;
display: flex;
overflow: hidden;
border: 0;
padding: 0;
[dir="ltr"] & {
left: 0;
}
[dir="rtl"] & {
right: 0;
}
}
.mdl-slider-background-flex-inner {
@ -178,11 +191,18 @@
.mdl-slider-background-lower {
/* transition: width 0.18s cubic-bezier(0.4, 0, 0.2, 1); */
position: absolute;
inset-inline-start: 0;
width: 0;
top: 0;
bottom: 0;
background-color: #00a4dc;
[dir="ltr"] & {
left: 0;
}
[dir="rtl"] & {
right: 0;
}
}
.mdl-slider-background-lower-clear {
@ -212,8 +232,7 @@
position: absolute;
left: 0;
right: 0;
margin-block: 0;
margin-inline: 0.54em; /* half of slider thumb size */
margin: 0 0.54em; /* half of slider thumb size */
}
.sliderBubble {