fix: change text alignment in data set display options from left and …

…right to line start and line end
dhis2 · Oct 17, 2024 · 5d1f679 · 5d1f679
1 parent e8e7df7
commit 5d1f679
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/src/data-workspace/section-form/section-form.js b/src/data-workspace/section-form/section-form.js
@@ -19,13 +19,14 @@ export const SectionForm = ({ dataSet, globalFilterText }) => {
     return (
         <>
             <div
-                className={cx(styles.sectionsCustomerText, {
-                    [styles.textLeft]:
-                        displayOptions.customText?.align === 'left',
+                className={cx(styles.sectionsCustomText, {
+                    [styles.textStartLine]:
+                        displayOptions.customText?.align === 'line-start',
                     [styles.textCenter]:
                         displayOptions.customText?.align === 'center',
-                    [styles.textRight]:
-                        displayOptions.customText?.align === 'right',
+                    [styles.textEndLine]:
+                        !displayOptions.customText ||
+                        displayOptions.customText?.align === 'line-end',
                 })}
             >
                 {displayOptions.customText?.header && (

diff --git a/src/data-workspace/section-form/section.module.css b/src/data-workspace/section-form/section.module.css
@@ -99,21 +99,21 @@
     margin: 2px;
     font-size: 1.5em;
 }
-.sectionsCustomerText{
+.sectionsCustomText{
     width: 100%;
     padding: 16px;
 }
 .sectionTab {
     margin-bottom: 8px;
 }
-.textLeft{
-    text-align: left;
+.textStartLine{
+    text-align: start;
 }
 .textCenter{
     text-align: center;
 }
-.textRight{
-    text-align: right;
+.textEndLine{
+    text-align: end;
 }
 
 .verticalSectionTabWrapper .sectionTab div {