diff --git a/app/views/guide_form_elements.html b/app/views/guide_form_elements.html index 4270aa84c..26c061c5a 100755 --- a/app/views/guide_form_elements.html +++ b/app/views/guide_form_elements.html @@ -250,6 +250,19 @@

Stacked radio buttons

{% include "snippets/form_radio_buttons.html" %} {% endfilter %} + + +

Disabled radio buttons

+
+ {% include "snippets/form_radio_buttons_disabled.html" %} +
+ +
+
+  {% filter escape %}
+    {% include "snippets/form_radio_buttons_disabled.html" %}
+  {% endfilter %}
+
 

Checkboxes

@@ -269,6 +282,19 @@

Stacked checkboxes

{% include "snippets/form_checkboxes.html" %} {% endfilter %} + + +

Disabled checkboxes

+
+ {% include "snippets/form_checkboxes_disabled.html" %} +
+ +
+
+  {% filter escape %}
+    {% include "snippets/form_checkboxes_disabled.html" %}
+  {% endfilter %}
+
 

diff --git a/app/views/snippets/form_checkboxes_disabled.html b/app/views/snippets/form_checkboxes_disabled.html new file mode 100644 index 000000000..c4cc2adbb --- /dev/null +++ b/app/views/snippets/form_checkboxes_disabled.html @@ -0,0 +1,4 @@ +

+ + +
diff --git a/app/views/snippets/form_radio_buttons_disabled.html b/app/views/snippets/form_radio_buttons_disabled.html new file mode 100644 index 000000000..161c9929d --- /dev/null +++ b/app/views/snippets/form_radio_buttons_disabled.html @@ -0,0 +1,4 @@ +
+ + +
diff --git a/assets/sass/elements/forms/_form-multiple-choice.scss b/assets/sass/elements/forms/_form-multiple-choice.scss index effeb8eb6..4232c440a 100644 --- a/assets/sass/elements/forms/_form-multiple-choice.scss +++ b/assets/sass/elements/forms/_form-multiple-choice.scss @@ -116,8 +116,13 @@ } // Disabled state + input:disabled { + cursor: default; + } + input:disabled + label { @include opacity(0.5); + cursor: default; } &:last-child,