cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Override left/right tooltip arrow placement in rtl mode

Browse source
This commit is contained in:
Anton Khorev 2023-10-17 15:08:22 +03:00
parent 6b203c63fe
commit f5c844682f
1 changed files with 28 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

28
app/assets/stylesheets/common.scss
View file

@ -2,6 +2,34 @@
@import "bootstrap"; @import "bootstrap";
@import "rails_bootstrap_forms"; @import "rails_bootstrap_forms";
/* Bootstrap + r2 fixes */
:root[dir=rtl] {
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
/* no-r2 */
right: unset !important;
left: calc(-1 * var(--bs-tooltip-arrow-height)) !important;
&::before {
/* no-r2 */
left: unset !important;
right: -1px !important;
}
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
/* no-r2 */
left: unset !important;
right: calc(-1 * var(--bs-tooltip-arrow-height)) !important;
&::before {
/* no-r2 */
right: unset !important;
left: -1px !important;
}
}
}
/* Styles common to large and small screens */ /* Styles common to large and small screens */
/* Default rules for the body of every page */ /* Default rules for the body of every page */