fix mui input label size and appearance (#1532)

* fix mui input label size and appearance * update snapshot --------- Co-authored-by: Olivér Hegyi <[email protected]>
SenseNet · Sep 28, 2023 · cdd6373 · cdd6373
1 parent cff96f8
commit cdd6373
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/apps/sensenet/src/context/ThemeProvider.tsx b/apps/sensenet/src/context/ThemeProvider.tsx
@@ -129,6 +129,11 @@ export const ThemeProvider: React.FunctionComponent = (props) => {
             '@font-face': [larsseit],
           },
         },
+        MuiInputLabel: {
+          root: {
+            fontSize: '1.3rem',
+          },
+        },
       },
     })
 

diff --git a/packages/sn-controls-react/src/fieldcontrols/textarea.tsx b/packages/sn-controls-react/src/fieldcontrols/textarea.tsx
@@ -42,6 +42,7 @@ export const Textarea: React.FC<ReactClientFieldSetting<LongTextFieldSetting>> =
           multiline={true}
           fullWidth={true}
           helperText={props.hideDescription ? undefined : props.settings.Description}
+          InputLabelProps={{ shrink: true }}
         />
       )
     case 'browse':

diff --git a/packages/sn-controls-react/test/__snapshots__/textarea.test.tsx.snap b/packages/sn-controls-react/test/__snapshots__/textarea.test.tsx.snap
@@ -20,6 +20,11 @@ exports[`Textarea field control in browse view should show the displayname and f
 
 exports[`Textarea field control in edit/new view should set all the props 1`] = `
 <WithStyles(ForwardRef(TextField))
+  InputLabelProps={
+    Object {
+      "shrink": true,
+    }
+  }
   disabled={true}
   fullWidth={true}
   helperText="description"
-Original file line number
+Diff line change
@@ Expand Up @@
                 '@font-face': [larsseit],
               },
             },
+            MuiInputLabel: {
+              root: {
+                fontSize: '1.3rem',
+              },
+            },
           },
         })
@@ Expand Down @@