Add vertical style for order field (#1253)

getgrav · Oct 31, 2017 · 2d70928 · 2d70928
1 parent f572d2e
commit 2d70928
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/themes/grav/templates/forms/fields/order/order.html.twig b/themes/grav/templates/forms/fields/order/order.html.twig
@@ -1,9 +1,10 @@
 {% set value = (value is null ? field.default : value) %}
 {% set siblings = data.parent.children %}
 {% set canOrder = data.order %}
+{% set vertical = field.style == 'vertical' %}
 
-<div class="form-field grid pure-g">
-    <div class="form-label block size-1-3 pure-u-1-3">
+<div class="form-field grid pure-g{% if vertical %} vertical{% endif %}">
+    <div class="form-label{% if not vertical %} block size-1-3 pure-u-1-3{% endif %}">
         <label>
             {% if field.help %}
             <span class="tooltip" data-asTooltip-position="w" title="{{ field.help|e|tu }}">{{ field.label|tu }}</span>
@@ -13,7 +14,7 @@
             {{ field.validate.required in ['on', 'true', 1] ? '<span class="required">*</span>' }}
         </label>
     </div>
-    <div class="form-data block size-2-3 pure-u-2-3">
+    <div class="form-data{% if not vertical %} block size-2-3 pure-u-2-3{% endif %}">
         <div class="form-order-wrapper {{ field.size }}">
 
             <input