Nemcio/Grav-Admin-Plugin
1
0
Fork 0
mirror of https://github.com/getgrav/grav-plugin-admin.git synced 2026-05-06 06:07:02 +02:00
Code Issues Packages Projects Releases Activity

support vertical alignment in forms

Browse Source
This commit is contained in:
Andy Miller
2015-08-04 10:13:30 -06:00
parent bdca72c797
commit c0b3064a08
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
themes/grav/scss/template/_forms.scss
View File

@@ -108,6 +108,11 @@ form {
}
// vertical alignment of forms
.grid.vertical {
@include flex-flow(column);
}
.form-select-wrapper, .selectize-control.single .selectize-input {
position: relative;

9
themes/grav/templates/forms/field.html.twig
View File

@@ -1,12 +1,11 @@
{% set originalValue = originalValue is defined ? originalValue : value %}
{% set value = (value is null ? field.default : value) %}
{% set vertical = field.style == 'vertical' %}
{% block field %}
<div class="form-field grid">
<div class="form-field grid{% if vertical %} vertical{% endif %}">
{% block contents %}
<div class="form-label block size-1-3">
<div class="form-label{% if not vertical %} block size-1-3{% endif %}">
{% if field.toggleable %}
<span class="checkboxes toggleable" data-grav-field="toggleable" data-grav-field-name="{{ field.name|fieldName }}">
<input type="checkbox"
@@ -29,7 +28,7 @@
{% endblock %}
</label>
</div>
<div class="form-data block size-2-3"
<div class="form-data{% if not vertical %} block size-2-3{% endif %}"
{% block global_attributes %}
data-grav-field="{{ field.type }}"
data-grav-disabled="{{ originalValue is null ? 'true' : 'false' }}"