Adjust styling of readonly elements

cosmocode · Mar 3, 2022 · c9f5be9 · c9f5be9
1 parent a942233
commit c9f5be9
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git a/view/date.twig b/view/date.twig
@@ -13,7 +13,7 @@
                     id="{{ id }}"
                     name="{{ id }}"
                     value="{{ value }}"
-                    class="input form-input{% if is_readonly%} is-static has-text-grey-light{% endif %} {{ errors is not empty ? 'is-danger' }}"
+                    class="input form-input{% if is_readonly%} has-background-grey-lighter{% endif %} {{ errors is not empty ? 'is-danger' }}"
                     data-calendar-type="date"
                     {% if is_readonly%}readonly{% endif %}
                     {% if placeholder is not empty -%}

diff --git a/view/datetime.twig b/view/datetime.twig
@@ -13,7 +13,7 @@
                 id="{{ id }}"
                 name="{{ id }}"
                 value="{{ value }}"
-                class="input form-input{% if is_readonly%} is-static has-text-grey-light{% endif %} {{ errors is not empty ? 'is-danger' }}"
+                class="input form-input{% if is_readonly%} has-background-grey-lighter{% endif %} {{ errors is not empty ? 'is-danger' }}"
                 data-calendar-type="datetime"
                 {% if is_readonly%}readonly{% endif %}
                 {% if placeholder is not empty -%}

diff --git a/view/email.twig b/view/email.twig
@@ -13,7 +13,7 @@
                     id="{{ id }}"
                     name="{{ id }}"
                     value="{{ value }}"
-                    class="input form-input{% if is_readonly%} is-static has-text-grey-light{% endif %} {{ errors is not empty ? 'is-danger' }}"
+                    class="input form-input{% if is_readonly%} has-background-grey-lighter{% endif %} {{ errors is not empty ? 'is-danger' }}"
                     {% if is_readonly%}readonly{% endif %}
                     {% if placeholder is not empty -%}
                         placeholder="{{ placeholder ~ (is_required and label is empty ? ' *') }}"

diff --git a/view/numberinput.twig b/view/numberinput.twig
@@ -13,7 +13,7 @@
                     id="{{ id }}"
                     name="{{ id }}"
                     value="{{ value }}"
-                    class="input form-input{% if is_readonly%} is-static has-text-grey-light{% endif %} {{ errors is not empty ? 'is-danger' }}"
+                    class="input form-input{% if is_readonly%} has-background-grey-lighter{% endif %} {{ errors is not empty ? 'is-danger' }}"
                     {% if is_readonly%}readonly{% endif %}
                     {% if placeholder is not empty -%}
                         placeholder="{{ placeholder ~ (is_required and label is empty ? ' *') }}"

diff --git a/view/textarea.twig b/view/textarea.twig
@@ -13,7 +13,7 @@
                     name="{{ id }}"
                     {{ cols is defined ? 'cols='~cols }}
                     {{ rows is defined ? 'rows='~rows }}
-                    class="textarea form-input{% if is_readonly%} is-static has-text-grey-light{% endif %} {{ errors is not empty ? 'is-danger' }}"
+                    class="textarea form-input{% if is_readonly%} has-background-grey-lighter{% endif %} {{ errors is not empty ? 'is-danger' }}"
                     {% if is_readonly%}readonly{% endif %}
                     {% if placeholder is not empty -%}
                         placeholder="{{ placeholder ~ (is_required and label is empty ? ' *') }}"

diff --git a/view/textinput.twig b/view/textinput.twig
@@ -13,7 +13,7 @@
                     id="{{ id }}"
                     name="{{ id }}"
                     value="{{ value }}"
-                    class="input form-input{% if is_readonly%} is-static has-text-grey-light{% endif %} {{ errors is not empty ? 'is-danger' }}"
+                    class="input form-input{% if is_readonly%} has-background-grey-lighter{% endif %} {{ errors is not empty ? 'is-danger' }}"
                     {% if is_readonly%}readonly{% endif %}
                     {% if placeholder is not empty -%}
                         placeholder="{{ placeholder ~ (is_required and label is empty ? ' *') }}"

diff --git a/view/time.twig b/view/time.twig
@@ -13,7 +13,7 @@
                     id="{{ id }}"
                     name="{{ id }}"
                     value="{{ value }}"
-                    class="input form-input{% if is_readonly%} is-static has-text-grey-light{% endif %} {{ errors is not empty ? 'is-danger' }}"
+                    class="input form-input{% if is_readonly%} has-background-grey-lighter{% endif %} {{ errors is not empty ? 'is-danger' }}"
                     data-calendar-type="time"
                     {% if is_readonly%}readonly{% endif %}
                     {% if placeholder is not empty -%}