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