Merge pull request #19690 from kamil-tekiela/Fix-new-table-name-CSS

MauricioFauth · web-flow · commit 60eb56b50de8 · 2025-05-05T16:16:55.000-03:00
Fix new table name CSS
diff --git a/public/themes/bootstrap/scss/_common.scss b/public/themes/bootstrap/scss/_common.scss
@@ -1107,7 +1107,8 @@ input#auto_increment_opt {
 }
 
 #table_name_col_no_outer {
-  margin-top: 45px;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 #table_name_col_no {
diff --git a/public/themes/original/scss/_common.scss b/public/themes/original/scss/_common.scss
@@ -1110,7 +1110,8 @@ input#auto_increment_opt {
 }
 
 #table_name_col_no_outer {
-  margin-top: 45px;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 #table_name_col_no {
diff --git a/public/themes/pmahomme/scss/_common.scss b/public/themes/pmahomme/scss/_common.scss
@@ -1313,7 +1313,8 @@ input#auto_increment_opt {
 }
 
 #table_name_col_no_outer {
-  margin-top: 45px;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 #table_name_col_no {
diff --git a/resources/templates/columns_definitions/column_definitions_form.twig b/resources/templates/columns_definitions/column_definitions_form.twig
@@ -17,32 +17,29 @@
 
     {% if action == '/table/create' %}
         <div id="table_name_col_no_outer">
-            <table id="table_name_col_no" class="table table-borderless tdblock">
-                <tr class="align-middle float-start">
-                    <td>{{ t('Table name') }}:
-                    <input type="text"
-                        name="table"
-                        size="40"
-                        maxlength="64"
-                        value="{{ table is defined ? table }}"
-                        class="textfield" autofocus required>
-                    </td>
-                    <td>
-                        {{ t('Add') }}
-                        <input type="number"
-                            id="added_fields"
-                            name="added_fields"
-                            size="2"
-                            value="1"
-                            min="1"
-                            onfocus="this.select()">
-                        {{ t('column(s)') }}
-                        <input class="btn btn-secondary" type="button"
-                            name="submit_num_fields"
-                            value="{{ t('Go') }}">
-                    </td>
-                </tr>
-            </table>
+            <span>
+                {{ t('Table name') }}:
+                <input type="text"
+                    name="table"
+                    size="40"
+                    maxlength="64"
+                    value="{{ table is defined ? table }}"
+                    class="textfield" autofocus required>
+            </span>
+            <span>
+                {{ t('Add') }}
+                <input type="number"
+                    id="added_fields"
+                    name="added_fields"
+                    size="2"
+                    value="1"
+                    min="1"
+                    onfocus="this.select()">
+                {{ t('column(s)') }}
+                <input class="btn btn-secondary" type="button"
+                    name="submit_num_fields"
+                    value="{{ t('Go') }}">
+            </span>
         </div>
     {% endif %}
     {% if content_cells is iterable %}

Original file line number	Diff line number	Diff line change
`@@ -1107,7 +1107,8 @@ input#auto_increment_opt {`
`1107`	`1107`	`}`
`1108`	`1108`
`1109`	`1109`	`#table_name_col_no_outer {`
`1110`		`- margin-top: 45px;`
	`1110`	`+ display: flex;`
	`1111`	`+ flex-wrap: wrap;`
`1111`	`1112`	`}`
`1112`	`1113`
`1113`	`1114`	`#table_name_col_no {`
Original file line number	Diff line number	Diff line change
`@@ -1110,7 +1110,8 @@ input#auto_increment_opt {`
`1110`	`1110`	`}`
`1111`	`1111`
`1112`	`1112`	`#table_name_col_no_outer {`
`1113`		`- margin-top: 45px;`
	`1113`	`+ display: flex;`
	`1114`	`+ flex-wrap: wrap;`
`1114`	`1115`	`}`
`1115`	`1116`
`1116`	`1117`	`#table_name_col_no {`
Original file line number	Diff line number	Diff line change
`@@ -1313,7 +1313,8 @@ input#auto_increment_opt {`
`1313`	`1313`	`}`
`1314`	`1314`
`1315`	`1315`	`#table_name_col_no_outer {`
`1316`		`- margin-top: 45px;`
	`1316`	`+ display: flex;`
	`1317`	`+ flex-wrap: wrap;`
`1317`	`1318`	`}`
`1318`	`1319`
`1319`	`1320`	`#table_name_col_no {`