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

Merge pull request #3743 from hadicharara/hadicharara/added-support-for-rtl-layouts

Browse source 
Add Initial support for RTL layouts
This commit is contained in:
Bill Thornton 2022-10-15 02:50:48 -04:00 • committed by GitHub
commit 84c007fa0b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
82 changed files with 1163 additions and 242 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/components/playerstats/playerstats.scss
View file

@ -2,9 +2,16 @@
background: rgba(28, 28, 28, 0.8);
border-radius: 0.3em;
color: #fff;
left: 1.5em;
position: absolute;
top: 5em;
[dir="ltr"] & {
left: 1.5em;
}
[dir="rtl"] & {
right: 1.5em;
}
}
.playerStats-tv {
@ -31,23 +38,50 @@
.playerStats-stats {
display: flex;
flex-direction: column;
padding: 0 3em 1em 1em;
max-width: 50em;
overflow: hidden;
[dir="ltr"] & {
padding: 0 3em 1em 1em;
}
[dir="rtl"] & {
padding: 0 1em 1em 3em;
}
}
.playerStats-stat {
display: flex;
margin-left: 1em;
[dir="ltr"] & {
margin-left: 1em;
}
[dir="rtl"] & {
margin-right: 1em;
}
}
.playerStats-stat-label {
font-weight: 500;
margin: 0 0.5em 0 0;
[dir="ltr"] & {
margin: 0 0.5em 0 0;
}
[dir="rtl"] & {
margin: 0 0 0 0.5em;
}
}
.playerStats-stat-header {
margin: 1em 1em 0 0;
[dir="ltr"] & {
margin: 1em 1em 0 0;
}
[dir="rtl"] & {
margin: 1em 0 0 1em;
}
}
.playerStats-stat-value {