BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix media and action bar styles for RTL.

Browse Source
This commit is contained in:
Ghazi Triki 2019-05-15 18:04:00 +01:00
parent 5de53912bf
commit 28132b5b25
2 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss
View File

@ -28,6 +28,12 @@
@include mq($small-only) { @include mq($small-only) {
bottom: var(--sm-padding-x); bottom: var(--sm-padding-x);
left: var(--sm-padding-x); left: var(--sm-padding-x);
right: auto;
[dir="rtl"] & {
left: auto;
right: var(--sm-padding-x);
}
} }
} }
@ -35,6 +41,12 @@
position: absolute; position: absolute;
bottom: var(--sm-padding-x); bottom: var(--sm-padding-x);
right: var(--sm-padding-x); right: var(--sm-padding-x);
left: auto;
[dir="rtl"] & {
right: auto;
left: var(--sm-padding-x);
}
} }
.centerWithActions { .centerWithActions {

6
bigbluebutton-html5/imports/ui/components/media/styles.scss
View File

@ -54,6 +54,7 @@
position: fixed; position: fixed;
margin: 0; margin: 0;
bottom: .8rem; bottom: .8rem;
left: auto;
right: .8rem; right: .8rem;
width: var(--overlay-width); width: var(--overlay-width);
min-width: var(--overlay-min-width); min-width: var(--overlay-min-width);
@ -61,5 +62,10 @@
height: calc(var(--overlay-width) / var(--overlay-ratio)); height: calc(var(--overlay-width) / var(--overlay-ratio));
min-height: calc(var(--overlay-min-width) / var(--overlay-ratio)); min-height: calc(var(--overlay-min-width) / var(--overlay-ratio));
max-height: calc(var(--overlay-max-width) / var(--overlay-ratio)); max-height: calc(var(--overlay-max-width) / var(--overlay-ratio));
[dir="rtl"] & {
right: auto;
left: .8rem;
}
} }
} }