Merge pull request #8012 from KDSBrowne/issue7734
Update join breakout room modal RTL style
This commit is contained in:
commit
02b73c491a
@ -1,6 +1,11 @@
|
|||||||
@import "../../../stylesheets/variables/_all";
|
@import "../../../stylesheets/variables/_all";
|
||||||
@import "/imports/ui/stylesheets/mixins/_indicators";
|
@import "/imports/ui/stylesheets/mixins/_indicators";
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--popout-rtl-left: -0.5rem;
|
||||||
|
--modal-title-fw: 400;
|
||||||
|
}
|
||||||
|
|
||||||
.modal {
|
.modal {
|
||||||
@include highContrastOutline();
|
@include highContrastOutline();
|
||||||
outline-style: solid;
|
outline-style: solid;
|
||||||
@ -38,7 +43,7 @@
|
|||||||
@extend %text-elipsis;
|
@extend %text-elipsis;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-weight: 400;
|
font-weight: var(--modal-title-fw);
|
||||||
}
|
}
|
||||||
|
|
||||||
%btn {
|
%btn {
|
||||||
@ -52,8 +57,13 @@
|
|||||||
|
|
||||||
.popout {
|
.popout {
|
||||||
> i {
|
> i {
|
||||||
bottom: 2px;
|
bottom: var(--border-size);
|
||||||
left: .75rem;
|
left: var(--sm-padding-x);
|
||||||
|
|
||||||
|
[dir="rtl"] & {
|
||||||
|
left: var(--popout-rtl-left);
|
||||||
|
transform: rotateY(180deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user