IBX-5455: Checkboxes are not aligned with other data in Languages & C…

…urrencies tabs (#777)
ibexa · May 24, 2023 · 942d067 · 942d067
1 parent 36d7076
commit 942d067
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 15 deletions.
diff --git a/src/bundle/Resources/public/scss/_inputs.scss b/src/bundle/Resources/public/scss/_inputs.scss
@@ -113,6 +113,12 @@
         position: relative;
         display: inline-block;
         cursor: pointer;
+
+        &:disabled {
+            &.form-check-input {
+                opacity: 1;
+            }
+        }
     }
 
     &--checkbox {

diff --git a/src/bundle/Resources/public/scss/_tables.scss b/src/bundle/Resources/public/scss/_tables.scss
@@ -37,7 +37,6 @@
         height: calculateRem(68px);
 
         .form-check {
-            display: flex;
             margin-bottom: 0;
             min-height: calculateRem(16px);
             margin-top: 0;

diff --git a/src/bundle/Resources/views/themes/admin/language/index.html.twig b/src/bundle/Resources/views/themes/admin/language/index.html.twig
@@ -59,13 +59,15 @@
 
 {% block content %}
     {% set enable_checkbox_raw %}
-        <input
-            type="checkbox"
-            title="{{ language.enabled ? 'language.enabled'|trans|desc('Enabled') : 'language.disabled'|trans|desc('Disabled') }}"
-            class="ibexa-input ibexa-input--checkbox"
-            disabled
-            {% if language.enabled %}checked{% endif %}
-        >
+        <div class="form-check">
+            <input
+                type="checkbox"
+                title="{{ language.enabled ? 'language.enabled'|trans|desc('Enabled') : 'language.disabled'|trans|desc('Disabled') }}"
+                class="ibexa-input ibexa-input--checkbox form-check-input"
+                disabled
+                {% if language.enabled %}checked{% endif %}
+            >
+        </div>
     {% endset %}
     {% set language_items = [
         {

diff --git a/src/bundle/Resources/views/themes/admin/language/list.html.twig b/src/bundle/Resources/views/themes/admin/language/list.html.twig
@@ -79,13 +79,15 @@
             ]) %}
 
             {% set col_raw %}
-                <input
-                    type="checkbox"
-                    title="{{ language.enabled ? 'language.enabled'|trans|desc('Enabled')  : 'language.disabled'|trans|desc('Disabled')  }}"
-                    class="ibexa-input ibexa-input--checkbox"
-                    disabled
-                    {% if language.enabled %}checked{% endif %}
-                >
+                <div class="form-check">
+                    <input
+                        type="checkbox"
+                        title="{{ language.enabled ? 'language.enabled'|trans|desc('Enabled')  : 'language.disabled'|trans|desc('Disabled')  }}"
+                        class="ibexa-input ibexa-input--checkbox form-check-input"
+                        disabled
+                        {% if language.enabled %}checked{% endif %}
+                    >
+                </div>
             {% endset %}
             {% set body_row_cols = body_row_cols|merge([{
                 content: col_raw,