@elementor/editor-editing-panel 1.19.0 → 1.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/index.js +15 -8
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -8
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
- package/src/components/section.tsx +6 -2
- package/src/components/style-sections/layout-section/display-field.tsx +1 -1
- package/src/components/style-sections/layout-section/justify-content-field.tsx +1 -1
- package/src/components/style-sections/position-section/dimensions-field.tsx +1 -1
- package/src/components/style-sections/size-section/size-section.tsx +1 -1
- package/src/dynamics/components/dynamic-selection-control.tsx +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elementor/editor-editing-panel",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.20.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Elementor Team",
|
|
6
6
|
"homepage": "https://elementor.com/",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@elementor/editor": "0.18.3",
|
|
43
|
-
"@elementor/editor-controls": "0.18.
|
|
43
|
+
"@elementor/editor-controls": "0.18.1",
|
|
44
44
|
"@elementor/editor-current-user": "0.3.0",
|
|
45
45
|
"@elementor/editor-elements": "0.6.4",
|
|
46
46
|
"@elementor/editor-panels": "0.13.0",
|
|
@@ -22,9 +22,13 @@ export function Section( { title, children, defaultExpanded = false }: Props ) {
|
|
|
22
22
|
id={ labelId }
|
|
23
23
|
aria-controls={ contentId }
|
|
24
24
|
onClick={ () => setIsOpen( ( prev ) => ! prev ) }
|
|
25
|
+
sx={ { '&:hover': { backgroundColor: 'transparent' } } }
|
|
25
26
|
>
|
|
26
|
-
<ListItemText
|
|
27
|
-
|
|
27
|
+
<ListItemText
|
|
28
|
+
secondary={ title }
|
|
29
|
+
secondaryTypographyProps={ { sx: { typography: 'caption', fontWeight: 'bold' } } }
|
|
30
|
+
/>
|
|
31
|
+
<CollapseIcon open={ isOpen } color="secondary" fontSize="tiny" />
|
|
28
32
|
</ListItemButton>
|
|
29
33
|
<Collapse id={ contentId } aria-labelledby={ labelId } in={ isOpen } timeout="auto" unmountOnExit>
|
|
30
34
|
<Stack gap={ 2.5 } p={ 2 }>
|
|
@@ -37,7 +37,7 @@ export const DisplayField = () => {
|
|
|
37
37
|
|
|
38
38
|
return (
|
|
39
39
|
<StylesField bind="display">
|
|
40
|
-
<Stack gap={
|
|
40
|
+
<Stack gap={ 0.75 }>
|
|
41
41
|
<ControlLabel>{ __( 'Display', 'elementor' ) }</ControlLabel>
|
|
42
42
|
<ToggleControl options={ options } fullWidth={ true } />
|
|
43
43
|
</Stack>
|
|
@@ -71,7 +71,7 @@ export const JustifyContentField = () => {
|
|
|
71
71
|
<DirectionProvider rtl={ isSiteRtl }>
|
|
72
72
|
<ThemeProvider>
|
|
73
73
|
<StylesField bind="justify-content">
|
|
74
|
-
<Stack gap={
|
|
74
|
+
<Stack gap={ 0.75 }>
|
|
75
75
|
<ControlLabel>{ __( 'Justify content', 'elementor' ) }</ControlLabel>
|
|
76
76
|
<ToggleControl options={ options } fullWidth={ true } />
|
|
77
77
|
</Stack>
|
|
@@ -44,7 +44,7 @@ export const DimensionsField = () => {
|
|
|
44
44
|
};
|
|
45
45
|
const DimensionField = ( { side, label }: { side: Side; label: string } ) => {
|
|
46
46
|
return (
|
|
47
|
-
<Grid container gap={
|
|
47
|
+
<Grid container gap={ 0.75 } alignItems="center">
|
|
48
48
|
<Grid item xs={ 12 }>
|
|
49
49
|
<ControlLabel>{ label }</ControlLabel>
|
|
50
50
|
</Grid>
|
|
@@ -60,7 +60,7 @@ type ControlProps = {
|
|
|
60
60
|
const SizeField = ( { label, bind, extendedValues }: ControlProps ) => {
|
|
61
61
|
return (
|
|
62
62
|
<StylesField bind={ bind }>
|
|
63
|
-
<Grid container gap={
|
|
63
|
+
<Grid container gap={ 0.75 } alignItems="center">
|
|
64
64
|
<Grid item xs={ 12 }>
|
|
65
65
|
<ControlLabel>{ label }</ControlLabel>
|
|
66
66
|
</Grid>
|
|
@@ -178,7 +178,7 @@ const Control = ( { control }: { control: Control[ 'value' ] } ) => {
|
|
|
178
178
|
|
|
179
179
|
return (
|
|
180
180
|
<DynamicControl bind={ control.bind }>
|
|
181
|
-
<Grid container gap={
|
|
181
|
+
<Grid container gap={ 0.75 }>
|
|
182
182
|
{ control.label ? (
|
|
183
183
|
<Grid item xs={ 12 }>
|
|
184
184
|
<ControlLabel>{ control.label }</ControlLabel>
|