Commit 132e83a7 authored by David Steeb's avatar David Steeb
Browse files

[TASK] Adjust CSS for RTL languages

parent ce886319
Pipeline #10431 passed with stages
in 2 minutes and 5 seconds
...@@ -106,6 +106,10 @@ ...@@ -106,6 +106,10 @@
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath d='M18,15,12,9,6,15H18' transform='translate(24 26) rotate(180)' fill='none' stroke='%232f292c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E%0A"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath d='M18,15,12,9,6,15H18' transform='translate(24 26) rotate(180)' fill='none' stroke='%232f292c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right center; background-position: right center;
[dir="rtl"] & {
background-position: left center;
}
} }
&__textarea { &__textarea {
...@@ -137,18 +141,36 @@ ...@@ -137,18 +141,36 @@
height: 34px; height: 34px;
width: 34px; width: 34px;
position: absolute; position: absolute;
left: -4px;
top: -8px; top: -8px;
opacity: 0; opacity: 0;
[dir="ltr"] & {
left: -4px;
}
[dir="rtl"] & {
right: -4px;
}
}
&__radio {
display: none;
} }
&__label--checkbox, &__label--checkbox,
&__label--radio { &__label--radio {
padding-left: 45px;
position: relative; position: relative;
display: block; display: block;
margin: 8px 0; margin: 8px 0;
min-height: 40px; min-height: 40px;
[dir="ltr"] & {
padding-left: 45px;
}
[dir="rtl"] & {
padding-right: 45px;
}
} }
&__label--checkbox:before, &__label--checkbox:before,
...@@ -157,11 +179,18 @@ ...@@ -157,11 +179,18 @@
height: 32px; height: 32px;
content: ""; content: "";
position: absolute; position: absolute;
left: 0;
top: -5px; top: -5px;
border-radius: 8px; border-radius: 8px;
background: $color-white; background: $color-white;
border: 1px solid var(--checkbox-border-color); border: 1px solid var(--checkbox-border-color);
[dir="ltr"] & {
left: 0;
}
[dir="rtl"] & {
right: 0;
}
} }
&__label--checkbox:before { &__label--checkbox:before {
......
...@@ -6,6 +6,8 @@ ...@@ -6,6 +6,8 @@
*/ */
$z-index-list: ( $z-index-list: (
'.b_form__checkbox',
'.b_form__label--checkbox:before',
'.b_footer__top', '.b_footer__top',
'.b_navi', '.b_navi',
'.b_navi__submenu', '.b_navi__submenu',
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment