← All changes | includes/editor-templates/global.php +29 -27 4.2.0-dev2 → 3.24.8 View file →

		@@ -17,17 +17,19 @@
17	17
18	18	<script type="text/template" id="tmpl-elementor-add-section">
19	19	<# if ( $e.components.get( 'document/elements' ).utils.allowAddingWidgets() ) { #>
20	20	<div class="elementor-add-section-inner">
21		- <button type="button" class="elementor-add-section-close" data-tooltip="<?php echo esc_attr__( 'Close', 'elementor' ); ?>" aria-label="<?php echo esc_attr__( 'Close', 'elementor' ); ?>">
	21	+ <div class="elementor-add-section-close elementor-wizard-icon">
22	22	<i class="eicon-close" aria-hidden="true"></i>
23		- </button>
	23	+ <span class="elementor-screen-only"><?php echo esc_html__( 'Close', 'elementor' ); ?></span>
	24	+ </div>
24	25	<?php
25	26	$experiments_manager = Plugin::$instance->experiments;
26		- if ( $experiments_manager->is_feature_active( 'container' ) ) { ?>
27		- <button type="button" class="elementor-add-section-back" data-tooltip="<?php echo esc_attr__( 'Back', 'elementor' ); ?>" aria-label="<?php echo esc_attr__( 'Back', 'elementor' ); ?>">
	27	+ if ( $experiments_manager->is_feature_active( 'container_grid' ) ) { ?>
	28	+ <div class="elementor-add-section-back elementor-wizard-icon">
28	29	<i class="eicon-chevron-left" aria-hidden="true"></i>
29		- </button>
	30	+ <span class="elementor-screen-only"><?php echo esc_html__( 'Back', 'elementor' ); ?></span>
	31	+ </div>
30	32	<?php } ?>
31	33	<div class="e-view elementor-add-new-section">
32	34	<?php
33	35	$add_container_title = esc_html__( 'Add New Container', 'elementor' );
		@@ -34,18 +36,18 @@
34	36	$add_section_title = esc_html__( 'Add New Section', 'elementor' );
35	37
36	38	$button_title = ( $experiments_manager->is_feature_active( 'container' ) ) ? $add_container_title : $add_section_title;
37	39	?>
38		- <button type="button" class="elementor-add-section-area-button elementor-add-section-button" data-tooltip="<?php echo esc_attr( $button_title ); ?>" aria-label="<?php echo esc_attr( $button_title ); ?>">
39		- <i class="eicon-plus" aria-hidden="true"></i>
40		- </button>
	40	+ <div class="elementor-add-section-area-button elementor-add-section-button" title="<?php echo esc_attr( $button_title ); ?>">
	41	+ <i class="eicon-plus"></i>
	42	+ </div>
41	43	<# if ( 'loop-item' !== elementor.documents.getCurrent()?.config?.type || elementorCommon.config.experimentalFeatures[ 'container' ] ) {
42	44	const additionalClass = 'loop-item' === elementor.documents.getCurrent()?.config?.type && elementor.documents.getCurrent()?.config?.settings?.settings?.source?.includes( 'taxonomy' )
43	45	? 'elementor-edit-hidden'
44	46	: ''; #>
45		- <button type="button" class="{{ additionalClass }} elementor-add-section-area-button elementor-add-template-button" data-tooltip="<?php echo esc_attr__( 'Add Template', 'elementor' ); ?>" aria-label="<?php echo esc_attr__( 'Add Template', 'elementor' ); ?>">
46		- <i class="eicon-folder" aria-hidden="true"></i>
47		- </button>
	47	+ <div class="{{ additionalClass }} elementor-add-section-area-button elementor-add-template-button" title="<?php echo esc_attr__( 'Add Template', 'elementor' ); ?>">
	48	+ <i class="eicon-folder"></i>
	49	+ </div>
48	50	<# } #>
49	51	<div class="elementor-add-section-drag-title"><?php echo esc_html__( 'Drag widget here', 'elementor' ); ?></div>
50	52	</div>
51	53	<div class="e-view e-con-shared-styles e-con-select-type">
		@@ -50,9 +52,9 @@
50	52	</div>
51	53	<div class="e-view e-con-shared-styles e-con-select-type">
52	54	<div class="e-con-select-type__title"><?php echo esc_html__( 'Which layout would you like to use?', 'elementor' ); ?></div>
53	55	<div class="e-con-select-type__icons">
54		- <button type="button" class="e-con-select-type__icons__icon flex-preset-button">
	56	+ <div class="e-con-select-type__icons__icon flex-preset-button">
55	57	<svg width="85" height="85" viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
56	58	<rect width="41.698" height="84.9997" fill="#D5DADE"/>
57	59	<rect x="43.3018" width="41.698" height="41.6498" fill="#D5DADE"/>
58	60	<rect x="43.3018" y="43.3506" width="41.698" height="41.6498" fill="#D5DADE"/>
		@@ -57,10 +59,10 @@
57	59	<rect x="43.3018" width="41.698" height="41.6498" fill="#D5DADE"/>
58	60	<rect x="43.3018" y="43.3506" width="41.698" height="41.6498" fill="#D5DADE"/>
59	61	</svg>
60	62	<div class="e-con-select-type__icons__icon__subtitle"><?php echo esc_html__( 'Flexbox', 'elementor' ); ?></div>
61		- </button>
62		- <button type="button" class="e-con-select-type__icons__icon grid-preset-button">
	63	+ </div>
	64	+ <div class="e-con-select-type__icons__icon grid-preset-button">
63	65	<svg width="85" height="85" viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
64	66	<rect x="0.5" y="0.5" width="83.9997" height="84" stroke="#9DA5AE" stroke-dasharray="2 2"/>
65	67	<path d="M42.501 0.484375V84.6259" stroke="#9DA5AE" stroke-dasharray="1 1"/>
66	68	<path d="M84.623 42.501L-0.00038953 42.501" stroke="#9DA5AE" stroke-dasharray="1 1"/>
		@@ -65,14 +67,14 @@
65	67	<path d="M42.501 0.484375V84.6259" stroke="#9DA5AE" stroke-dasharray="1 1"/>
66	68	<path d="M84.623 42.501L-0.00038953 42.501" stroke="#9DA5AE" stroke-dasharray="1 1"/>
67	69	</svg>
68	70	<div class="e-con-select-type__icons__icon__subtitle"><?php echo esc_html__( 'Grid', 'elementor' ); ?></div>
69		- </button>
	71	+ </div>
70	72	</div>
71	73	</div>
72	74	<div class="e-view elementor-select-preset">
73	75	<div class="elementor-select-preset-title"><?php echo_select_your_structure_title(); ?></div>
74		- <div class="elementor-select-preset-list">
	76	+ <ul class="elementor-select-preset-list">
75	77	<#
76	78	const structures = [ 10, 20, 30, 40, 21, 22, 31, 32, 33, 50, 34, 60 ];
77	79
78	80	structures.forEach( ( structure ) => {
		@@ -77,23 +79,23 @@
77	79
78	80	structures.forEach( ( structure ) => {
79	81	const preset = elementor.presetsFactory.getPresetByStructure( structure ); #>
80	82
81		- <button type="button" class="elementor-preset" data-structure="{{ structure }}">
	83	+ <li class="elementor-preset elementor-column elementor-col-16" data-structure="{{ structure }}">
82	84	{{{ elementor.presetsFactory.getPresetSVG( preset.preset ).outerHTML }}}
83		- </button>
84		- <# } ); #>
85		- </div>
	85	+ </li>
	86	+ <# } ); #>
	87	+ </ul>
86	88	</div>
87		- <div class="e-view e-con-select-preset e-con-select-preset-flex">
	89	+ <div class="e-view e-con-select-preset">
88	90	<div class="e-con-select-preset__title"><?php echo_select_your_structure_title(); ?></div>
89	91	<div class="e-con-select-preset__list">
90	92	<#
91	93	elementor.presetsFactory.getContainerPresets().forEach( ( preset ) => {
92	94	#>
93		- <button type="button" class="e-con-preset" data-preset="{{ preset }}">
	95	+ <div class="e-con-preset" data-preset="{{ preset }}">
94	96	{{{ elementor.presetsFactory.generateContainerPreset( preset ) }}}
95		- </button>
	97	+ </div>
96	98	<#
97	99	} );
98	100	#>
99	101	</div>
		@@ -98,16 +100,16 @@
98	100	#>
99	101	</div>
100	102	</div>
101	103	<div class="e-view e-con-shared-styles e-con-select-preset-grid">
102		- <div class="e-con-select-preset__title"><?php echo_select_your_structure_title(); ?></div>
103		- <div class="e-con-select-preset__list">
	104	+ <div class="e-con-select-preset-grid__title"><?php echo_select_your_structure_title(); ?></div>
	105	+ <div class="e-con-select-preset-grid__list">
104	106	<#
105	107	elementor.presetsFactory.getContainerGridPresets().forEach( ( preset ) => {
106	108	#>
107		- <button type="button" class="e-con-preset" data-structure="{{ preset }}">
	109	+ <div class="e-con-choose-grid-preset" data-structure="{{ preset }}">
108	110	{{{ elementor.presetsFactory.generateContainerGridPreset( preset ) }}}
109		- </button>
	111	+ </div>
110	112	<#
111	113	} );
112	114	#>
113	115	</div>