resolve #8827 Dropdown item labels are misaligned in RTL (#8832)

Co-authored-by: OlgaLarina <[email protected]>
surveyjs · Sep 20, 2024 · 314787d · 314787d
1 parent c801242
commit 314787d
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git a/packages/survey-core/src/common-styles/sv-list.scss b/packages/survey-core/src/common-styles/sv-list.scss
@@ -53,7 +53,7 @@
   line-height: calcLineHeight(1.5);
   cursor: pointer;
   overflow: hidden;
-  text-align: left;
+  text-align: start;
   text-overflow: ellipsis;
   white-space: nowrap;
   transition:

diff --git a/packages/survey-core/src/default-styles.scss b/packages/survey-core/src/default-styles.scss
@@ -1408,7 +1408,7 @@ sv-popup {
   padding-inline-start: calc(2 * var(--base-unit, 8px));
   cursor: pointer;
   overflow: hidden;
-  text-align: left;
+  text-align: start;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: flex;

diff --git a/packages/survey-core/src/defaultV2-theme/blocks/sd-item.scss b/packages/survey-core/src/defaultV2-theme/blocks/sd-item.scss
@@ -60,7 +60,7 @@
   color: $font-questiontitle-color;
   white-space: normal;
   width: 100%;
-  text-align: left;
+  text-align: start;
   min-width: 0;
 
   .sv-string-viewer {

diff --git a/packages/survey-core/src/defaultV2-theme/blocks/sd-tagbox.scss b/packages/survey-core/src/defaultV2-theme/blocks/sd-tagbox.scss
@@ -119,7 +119,7 @@
   max-width: 100%;
   width: auto;
   height: 100%;
-  text-align: left;
+  text-align: start;
   cursor: text;
   pointer-events: none;
   color: $foreground-light;

diff --git a/src/default-styles.scss b/src/default-styles.scss
@@ -1428,7 +1428,7 @@ sv-popup {
   padding-inline-start: calc(2 * var(--base-unit, 8px));
   cursor: pointer;
   overflow: hidden;
-  text-align: left;
+  text-align: start;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: flex;

diff --git a/src/modern/blocks/sv-btn.scss b/src/modern/blocks/sv-btn.scss
@@ -12,7 +12,7 @@
     font-weight: bold;
     outline: none;
     padding: 0.5em 2.786em 0.6em;
-    text-align: left;
+    text-align: start;
 }
 .sv-btn--navigation {
     background-color: var(--main-color, $main-color);

diff --git a/src/modern/blocks/sv-tagbox.scss b/src/modern/blocks/sv-tagbox.scss
@@ -71,7 +71,7 @@
   max-width: 100%;
   width: auto;
   height: 100%;
-  text-align: left;
+  text-align: start;
   cursor: text;
   pointer-events: none;
   color: var(--main-hover-color, $main-hover-color);