off canvas padding defaults

stellarwp · Sep 3, 2024 · 88887b1 · 88887b1
1 parent b725150
commit 88887b1
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/src/blocks/header/children/off-canvas/block.json b/src/blocks/header/children/off-canvas/block.json
@@ -75,7 +75,7 @@
 		},
 		"padding": {
 			"type": "array",
-			"default": ["md", "md", "md", "md"]
+			"default": ["", "", "", ""]
 		},
 		"paddingTablet": {
 			"type": "array",

diff --git a/src/blocks/header/children/off-canvas/edit.js b/src/blocks/header/children/off-canvas/edit.js
@@ -569,7 +569,7 @@ export function Edit(props) {
 								unit={paddingUnit}
 								units={['px', 'em', 'rem', '%', 'vh']}
 								onUnit={(value) => setAttributes({ paddingUnit: value })}
-								allowAuto={true}
+								deskDefault={['md', 'md', 'md', 'md']}
 							/>
 						</KadencePanelBody>
 						<KadencePanelBody title={__('Close Trigger Spacing', 'kadence-blocks')} initialOpen={false}>

diff --git a/src/blocks/header/children/off-canvas/editor.scss b/src/blocks/header/children/off-canvas/editor.scss
@@ -25,6 +25,10 @@
 		display: flex;
 		flex-direction: column;
 		box-sizing: border-box;
+		padding-top: var(--kb-nav-canvas-padding-top, var(--global-kb-spacing-md, 2rem));
+		padding-right: var(--kb-nav-canvas-padding-right, var(--global-kb-spacing-md, 2rem));
+		padding-bottom: var(--kb-nav-canvas-padding-bottom, var(--global-kb-spacing-md, 2rem));
+		padding-left: var(--kb-nav-canvas-padding-left, var(--global-kb-spacing-md, 2rem));
 
 		.kt-close-position-inside {
 			position: relative;

diff --git a/src/blocks/header/children/off-canvas/style.scss b/src/blocks/header/children/off-canvas/style.scss
@@ -50,6 +50,10 @@ $admin-bar-height-mobile: 46px;
 		display: flex;
 		flex-direction: column;
 		box-sizing: border-box;
+		padding-top: var(--kb-nav-canvas-padding-top, var(--global-kb-spacing-md, 2rem));
+		padding-right: var(--kb-nav-canvas-padding-right, var(--global-kb-spacing-md, 2rem));
+		padding-bottom: var(--kb-nav-canvas-padding-bottom, var(--global-kb-spacing-md, 2rem));
+		padding-left: var(--kb-nav-canvas-padding-left, var(--global-kb-spacing-md, 2rem));
 	}
 	&.show-off-canvas {
 		display: block;