L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages 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 991926e9b6
commit e0f753bf5a
3 changed files with 52 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/boost/scss/moodle/tool_usertours.scss
+20
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!
theme/boost/style/moodle.css
+16
View File
@@ -35984,6 +35984,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*/
theme/classic/style/moodle.css
+16
View File
@@ -35918,6 +35918,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*/