mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-01-19 06:18:28 +01:00
Code Issues Projects Releases Wiki Activity

MDL-76457 tool_usertours: Fix tour popovers in RTL

Browse Source
This commit is contained in:
Mikel Martín 2023-11-10 12:57:23 +01:00
parent 76b05082d6
commit ce1eefb979
3 changed files with 52 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
theme/boost/scss/moodle/tool_usertours.scss
View File

@ -103,6 +103,26 @@ span[data-flexitour="container"] {
}
}
}
// RTL specific styles.
.dir-rtl & {
&[x-placement^="right"] {
margin-left: $popover-arrow-width;
div[data-role="arrow"] {
transform: rotate(180deg);
left: -$popover-arrow-width;
right: auto;
}
}
&[x-placement^="left"] {
margin-right: $popover-arrow-width;
div[data-role="arrow"] {
transform: rotate(180deg);
left: auto;
right: -$popover-arrow-width;
}
}
}
}
// Hack the bone! Hack the bone!

16
theme/boost/style/moodle.css
View File

@ -36842,6 +36842,22 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp
border-left-width: 0;
border-right-color: #fff;
}
.dir-rtl span[data-flexitour=container][x-placement^=right] {
margin-left: 1rem;
}
.dir-rtl span[data-flexitour=container][x-placement^=right] div[data-role=arrow] {
transform: rotate(180deg);
left: -1rem;
right: auto;
}
.dir-rtl span[data-flexitour=container][x-placement^=left] {
margin-right: 1rem;
}
.dir-rtl span[data-flexitour=container][x-placement^=left] div[data-role=arrow] {
transform: rotate(180deg);
left: auto;
right: -1rem;
}
[data-region=drawer] [data-flexitour=container] {
/*rtl:ignore*/

16
theme/classic/style/moodle.css
View File

@ -36776,6 +36776,22 @@ span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, sp
border-left-width: 0;
border-right-color: #fff;
}
.dir-rtl span[data-flexitour=container][x-placement^=right] {
margin-left: 1rem;
}
.dir-rtl span[data-flexitour=container][x-placement^=right] div[data-role=arrow] {
transform: rotate(180deg);
left: -1rem;
right: auto;
}
.dir-rtl span[data-flexitour=container][x-placement^=left] {
margin-right: 1rem;
}
.dir-rtl span[data-flexitour=container][x-placement^=left] div[data-role=arrow] {
transform: rotate(180deg);
left: auto;
right: -1rem;
}
[data-region=drawer] [data-flexitour=container] {
/*rtl:ignore*/