Separate header

rocklobster-in#1464
takayukister · Aug 15, 2024 · ec3bb39 · ec3bb39
1 parent 32649af
commit ec3bb39
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 10 deletions.
diff --git a/admin/css/styles.css b/admin/css/styles.css
@@ -225,6 +225,14 @@ form.tag-generator-panel[data-version="2"] {
 		text-align: end;
 	}
 
+	.description-box {
+		box-sizing: border-box;
+		flex: none;
+		margin-inline: -12px;
+		padding-inline: 12px;
+		border-bottom: 1px solid #dfdfdf;
+	}
+
 	.control-box {
 		box-sizing: border-box;
 		flex: auto;

diff --git a/admin/includes/tag-generator.php b/admin/includes/tag-generator.php
@@ -209,14 +209,12 @@ private function class_attr( $options = '' ) {
 <?php
 	}
 
-	private function insert_box( $options = '' ) {
+	private function insert_box_content( $options = '' ) {
 ?>
-<footer class="insert-box">
-	<div class="flex-container">
-		<input type="text" class="code" readonly="readonly" onfocus="this.select();" data-tag-part="tag" />
-		<button type="button" class="button button-primary" data-taggen="insert-tag"><?php echo esc_html( __( 'Insert Tag', 'contact-form-7' ) ); ?></button>
-	</div>
-</footer>
+<div class="flex-container">
+	<input type="text" class="code" readonly="readonly" onfocus="this.select();" data-tag-part="tag" />
+	<button type="button" class="button button-primary" data-taggen="insert-tag"><?php echo esc_html( __( 'Insert Tag', 'contact-form-7' ) ); ?></button>
+</div>
 <?php
 	}
 }
diff --git a/modules/text.php b/modules/text.php
@@ -258,13 +258,15 @@ function wpcf7_tag_generator_text( $contact_form, $options ) {
 	);
 
 ?>
-<section class="control-box">
+<header class="description-box">
 	<h3><?php
 		echo esc_html( 'Text field form-tag generator' );
 	?></h3>
 
 	<p><?php echo sprintf( esc_html( $description ), $desc_link ); ?></p>
+</header>
 
+<div class="control-box">
 	<?php $tgg->print( 'field_type' ); ?>
 
 	<?php $tgg->print( 'field_name' ); ?>
@@ -274,8 +276,10 @@ function wpcf7_tag_generator_text( $contact_form, $options ) {
 	<?php $tgg->print( 'id_attr' ); ?>
 
 	<?php $tgg->print( 'class_attr' ); ?>
-</section>
+</div>
 
-<?php $tgg->print( 'insert_box' ); ?>
+<footer class="insert-box">
+	<?php $tgg->print( 'insert_box_content' ); ?>
+</footer>
 <?php
 }