mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-01-17 21:49:15 +01:00
Code Issues Projects Releases Wiki Activity

MDL-75115 theme_boost: Fix Bootstrap tooltips in RTL mode

Browse Source
This commit is contained in:
Miri Lipson 2023-07-10 11:36:01 +03:00 committed by Meirza
parent f29f757f5f
commit 03a7d208f9
3 changed files with 48 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
theme/boost/scss/moodle/bootstrap-rtl.scss vendored
View File

@ -13,10 +13,31 @@
}
}
.dir-rtl .custom-select {
background-position: 0.75rem center;
}
.dir-rtl {
.custom-select {
background-position: 0.75rem center;
}
.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(-($custom-switch-width - $custom-control-indicator-size));
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(-($custom-switch-width - $custom-control-indicator-size));
}
.tooltip {
&.bs-tooltip-left,
&.bs-tooltip-right {
.arrow {
transform: rotate(180deg);
}
}
&.bs-tooltip-left .arrow {
left: auto;
right: 0;
}
&.bs-tooltip-right .arrow {
left: 0;
right: auto;
}
}
}

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

@ -12713,10 +12713,20 @@ a.text-dark:hover, a.text-dark:focus {
.dir-rtl .custom-select {
background-position: 0.75rem center;
}
.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(-0.9375rem);
}
.dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow, .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
transform: rotate(180deg);
}
.dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow {
left: auto;
right: 0;
}
.dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
left: 0;
right: auto;
}
/**
* Moodle variables

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

@ -12713,10 +12713,20 @@ a.text-dark:hover, a.text-dark:focus {
.dir-rtl .custom-select {
background-position: 0.75rem center;
}
.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(-0.75rem);
}
.dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow, .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
transform: rotate(180deg);
}
.dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow {
left: auto;
right: 0;
}
.dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
left: 0;
right: auto;
}
/**
* Moodle variables