fix: added customization for padding inside accordion item rule (#595)

juspay · Sep 2, 2024 · a251de5 · a251de5
1 parent 0b8c9cd
commit a251de5
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 2 deletions.
diff --git a/src/BrutalTheme.res b/src/BrutalTheme.res
@@ -138,6 +138,7 @@ let brutalRules = (theme: CardThemeType.themeClass) =>
       "color": theme.colorBackgroundText,
       "transition": "height 1s ease",
       "borderColor": `#000000 !important`,
+      "padding": "20px",
     },
     ".AccordionMore": {
       "backgroundColor": theme.colorBackground,

diff --git a/src/CharcoalTheme.res b/src/CharcoalTheme.res
@@ -137,6 +137,7 @@ let charcoalRules = theme =>
       "backgroundColor": theme.colorBackground,
       "color": theme.colorTextSecondary,
       "transition": "height 1s ease",
+      "padding": "20px",
     },
     ".AccordionMore": {
       "backgroundColor": theme.colorBackground,

diff --git a/src/Components/Accordion.res b/src/Components/Accordion.res
@@ -39,7 +39,6 @@ let make = (
     style={
       minHeight: "60px",
       width: "-webkit-fill-available",
-      padding: "20px",
       cursor: "pointer",
       marginBottom: layoutClass.spacedAccordionItems ? themeObj.spacingAccordionItem : "",
       border: `1px solid ${themeObj.borderColor}`,

diff --git a/src/Components/AccordionContainer.res b/src/Components/AccordionContainer.res
@@ -34,7 +34,6 @@ module Loader = {
             },
             borderTopStyle: {i == 0 && !layoutClass.spacedAccordionItems ? "hidden" : "solid"},
             width: "100%",
-            paddingLeft: "25px",
             marginBottom: layoutClass.spacedAccordionItems ? themeObj.spacingAccordionItem : "",
             cursor: "pointer",
           }>

diff --git a/src/DefaultTheme.res b/src/DefaultTheme.res
@@ -147,6 +147,7 @@ let defaultRules = theme =>
       "color": theme.colorTextSecondary,
       "transition": "height 1s ease",
       "boxShadow": "0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%)",
+      "padding": "20px",
     },
     ".AccordionMore": {
       "backgroundColor": theme.colorBackground,

diff --git a/src/MidnightTheme.res b/src/MidnightTheme.res
@@ -154,6 +154,7 @@ let midnightRules = theme =>
       "transition": "height 1s ease",
       "color": "#e0e0e0",
       "boxShadow": "0px 2px 4px rgb(0 0 0 / 50%), 0px 1px 6px rgb(0 0 0 / 25%)",
+      "padding": "20px",
     },
     ".AccordionItem:hover": {
       "color": theme.colorTextSecondary,

diff --git a/src/SoftTheme.res b/src/SoftTheme.res
@@ -136,6 +136,7 @@ let softRules = theme =>
       "color": theme.colorTextSecondary,
       "transition": "background .15s ease, border .15s ease, box-shadow .15s ease",
       "boxShadow": `4px 4px 5px #353637, -4px -4px 5px #434445`,
+      "padding": "20px",
     },
     ".AccordionItem--selected": {
       "color": theme.colorPrimary,