fix: clean up css

dhis2 · Nov 19, 2024 · 6428702 · 6428702
2 parents 0ee305a + 1e37cf4
commit 6428702
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 20 deletions.
diff --git a/...tsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCell.js b/...tsChangelog/common/ChangelogTable/ChangelogCells/ChangelogValueCell/ChangelogValueCell.js
@@ -28,12 +28,11 @@ type Props = {
 
 const styles = {
     container: {
-        alignItems: 'center',
-        display: 'flex',
-    },
-    valueContainer: {
         display: 'flex',
+        flexDirection: 'row',
         alignItems: 'center',
+        whiteSpace: 'normal',
+        height: '100%',
     },
     buttonContainer: {
         display: 'flex',
@@ -42,17 +41,11 @@ const styles = {
     },
     previousValue: {
         color: colors.grey700,
+        wordBreak: 'break-word',
     },
     currentValue: {
         color: colors.grey900,
-    },
-    updatePreviousValue: {
-        color: colors.grey700,
-        maxWidth: '45%',
-    },
-    updateCurrentValue: {
-        color: colors.grey900,
-        maxWidth: '45%',
+        wordBreak: 'break-word',
     },
     updateArrow: {
         display: 'inline-flex',

diff --git a/...lls/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellComponents.types.js b/...lls/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellComponents.types.js
@@ -4,12 +4,9 @@ export type ChangelogValueCellProps = {
     currentValue?: string,
     classes: {
       container: string,
-      valueContainer: string,
       buttonContainer: string,
       previousValue: string,
       currentValue: string,
-      updatePreviousValue: string,
-      updateCurrentValue: string,
       updateArrow: string,
       viewButton: string,
     },

diff --git a/...angelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellDefault.js b/...angelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellDefault.js
@@ -6,11 +6,11 @@ import type { ChangelogValueCellProps } from './ChangelogValueCellComponents.typ
 
 const Updated = ({ previousValue, currentValue, classes }: ChangelogValueCellProps) => (
     <div className={classes.container}>
-        <span className={classes.updatePreviousValue}>{previousValue}</span>
+        <span className={classes.previousValue}>{previousValue}</span>
         <span className={classes.updateArrow}>
             <IconArrowRight16 />
         </span>
-        <span className={classes.updateCurrentValue}>{currentValue}</span>
+        <span className={classes.currentValue}>{currentValue}</span>
     </div>
 );
 

diff --git a/...angelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellPolygon.js b/...angelogCells/ChangelogValueCell/ChangelogValueCellComponents/ChangelogValueCellPolygon.js
@@ -20,19 +20,19 @@ const Updated = ({ previousValue, currentValue, classes }: ChangelogValueCellPro
 
     return (
         <>
-            <div className={classes.valueContainer}>
+            <div className={classes.container}>
                 <ValueDisplay
                     value={previousValue}
                     showMore={showMore}
-                    className={classes.updatePreviousValue}
+                    className={classes.previousValue}
                 />
                 <span className={classes.updateArrow}>
                     <IconArrowRight16 />
                 </span>
                 <ValueDisplay
                     value={currentValue}
                     showMore={showMore}
-                    className={classes.updateCurrentValue}
+                    className={classes.currentValue}
                 />
             </div>
             <div className={classes.buttonContainer}>