IBX-1408: Number input (#280)

ibexa · Feb 1, 2022 · 6ca6eeb · 6ca6eeb
1 parent 6695c24
commit 6ca6eeb
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 16 deletions.
diff --git a/src/bundle/Resources/public/scss/_content-type-edit.scss b/src/bundle/Resources/public/scss/_content-type-edit.scss
@@ -162,6 +162,16 @@
         color: $ibexa-color-dark-400;
         margin-bottom: calculateRem(16px);
     }
+
+    &__field-settings-group {
+        display: flex;
+        flex-wrap: nowrap;
+        justify-content: space-between;
+    }
+
+    &__field-settings-field + &__field-settings-field {
+        margin-left: calculateRem(35px);
+    }
 }
 
 .ibexa-field-definitions-placeholder {

diff --git a/src/bundle/Resources/views/themes/admin/content_type/field_types.html.twig b/src/bundle/Resources/views/themes/admin/content_type/field_types.html.twig
@@ -67,16 +67,18 @@
 {% endblock %}
 
 {% block ezfloat_field_definition_edit %}
-    <div class="ezfloat-validator min-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
-        {{- form_row(form.minValue) -}}
-    </div>
+    <div class="ibexa-content-type-edit__field-settings-group">
+        <div class="ibexa-content-type-edit__field-settings-field ezfloat-validator min-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
+            {{- form_row(form.minValue) -}}
+        </div>
 
-    <div class="ezfloat-validator max-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
-        {{- form_row(form.maxValue) -}}
-    </div>
+        <div class="ibexa-content-type-edit__field-settings-field ezfloat-validator max-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
+            {{- form_row(form.maxValue) -}}
+        </div>
 
-    <div class="ezfloat-default-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
-        {{- form_row(form.defaultValue) -}}
+        <div class="ibexa-content-type-edit__field-settings-field ezfloat-default-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
+            {{- form_row(form.defaultValue) -}}
+        </div>
     </div>
 {% endblock %}
 
@@ -91,16 +93,18 @@
 {% endblock %}
 
 {% block ezinteger_field_definition_edit %}
-    <div class="ezinteger-validator min-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
-        {{- form_row(form.minValue) -}}
-    </div>
+    <div class="ibexa-content-type-edit__field-settings-group">
+        <div class="ibexa-content-type-edit__field-settings-field ezinteger-validator min-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
+            {{- form_row(form.minValue) -}}
+        </div>
 
-    <div class="ezinteger-validator max-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
-        {{- form_row(form.maxValue) -}}
-    </div>
+        <div class="ibexa-content-type-edit__field-settings-field ezinteger-validator max-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
+            {{- form_row(form.maxValue) -}}
+        </div>
 
-    <div class="ezinteger-default-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
-        {{- form_row(form.defaultValue) -}}
+        <div class="ibexa-content-type-edit__field-settings-field ezinteger-default-value{% if group_class is not empty %} {{ group_class }}{% endif %}">
+            {{- form_row(form.defaultValue) -}}
+        </div>
     </div>
 {% endblock %}