fix: mutiline input bgc issues

bigcommerce · Jun 6, 2023 · 0c4ca43 · 0c4ca43
1 parent 5769a1c
commit 0c4ca43
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 9 deletions.
diff --git a/apps/storefront/src/pages/accountSetting/AccountSetting.tsx b/apps/storefront/src/pages/accountSetting/AccountSetting.tsx
@@ -502,7 +502,7 @@ function AccountSetting() {
         sx={{
           width: `${isMobile ? '100%' : '35%'}`,
           minHeight: `${isMobile ? '800px' : '300px'}`,
-          '& input, & .MuiFormControl-root .MuiTextField-root, & .MuiSelect-select.MuiSelect-filled':
+          '& input, & .MuiFormControl-root .MuiTextField-root, & .MuiSelect-select.MuiSelect-filled, & .MuiTextField-root .MuiInputBase-multiline':
             {
               bgcolor: b3HexToRgb('#FFFFFF', 0.87),
               borderRadius: '4px',

diff --git a/apps/storefront/src/pages/registered/RegisteredAccount.tsx b/apps/storefront/src/pages/registered/RegisteredAccount.tsx
@@ -240,12 +240,13 @@ export default function RegisteredAccount(props: RegisteredAccountProps) {
           '& h4': {
             color: customColor,
           },
-          '& input, & .MuiFormControl-root .MuiTextField-root': {
-            bgcolor: b3HexToRgb('#FFFFFF', 0.87),
-            borderRadius: '4px',
-            borderBottomLeftRadius: '0',
-            borderBottomRightRadius: '0',
-          },
+          '& input, & .MuiFormControl-root .MuiTextField-root, & .MuiTextField-root .MuiInputBase-multiline':
+            {
+              bgcolor: b3HexToRgb('#FFFFFF', 0.87),
+              borderRadius: '4px',
+              borderBottomLeftRadius: '0',
+              borderBottomRightRadius: '0',
+            },
           '& .MuiButtonBase-root.MuiCheckbox-root.MuiCheckbox-colorPrimary:not(.Mui-checked)':
             {
               color: b3HexToRgb(customColor, 0.6),

diff --git a/apps/storefront/src/pages/registered/RegisteredBCToB2B.tsx b/apps/storefront/src/pages/registered/RegisteredBCToB2B.tsx
@@ -477,7 +477,7 @@ export default function RegisteredBCToB2B(props: RegisteredProps) {
               '& h4': {
                 color: customColor,
               },
-              '& input, & .MuiFormControl-root .MuiTextField-root, & .MuiDropzoneArea-textContainer, & .MuiSelect-select.MuiSelect-filled':
+              '& input, & .MuiFormControl-root .MuiTextField-root, & .MuiDropzoneArea-textContainer, & .MuiSelect-select.MuiSelect-filled, & .MuiTextField-root .MuiInputBase-multiline':
                 {
                   bgcolor: b3HexToRgb('#FFFFFF', 0.87),
                   borderRadius: '4px',

diff --git a/apps/storefront/src/pages/registered/RegisteredDetail.tsx b/apps/storefront/src/pages/registered/RegisteredDetail.tsx
@@ -245,7 +245,7 @@ export default function RegisteredDetail(props: RegisteredDetailProps) {
         '& h4': {
           color: customColor,
         },
-        '& input, & .MuiFormControl-root .MuiTextField-root, & .MuiDropzoneArea-textContainer, & .MuiSelect-select.MuiSelect-filled':
+        '& input, & .MuiFormControl-root .MuiTextField-root, & .MuiDropzoneArea-textContainer, & .MuiSelect-select.MuiSelect-filled, & .MuiTextField-root .MuiInputBase-multiline':
           {
             bgcolor: b3HexToRgb('#FFFFFF', 0.87),
             borderRadius: '4px',