From 5ec53958034b58c3c1e0f9c18a1463493b320b91 Mon Sep 17 00:00:00 2001
From: sandeepsajan0 <sandeepsajan0@gmail.com>
Date: Tue, 28 Jun 2022 15:42:09 +0530
Subject: [PATCH] Update link button hover color and use fieldset and legend
for radio/checkbox buttons
---
hypha/apply/templates/forms/includes/field.html | 11 +++++++++++
.../static_src/src/sass/public/components/_link.scss | 2 +-
2 files changed, 12 insertions(+), 1 deletion(-)
diff --git a/hypha/apply/templates/forms/includes/field.html b/hypha/apply/templates/forms/includes/field.html
index b0dbf0c81..5b5e3cdfa 100644
--- a/hypha/apply/templates/forms/includes/field.html
+++ b/hypha/apply/templates/forms/includes/field.html
@@ -10,6 +10,14 @@
<span class="form__required">*</span>
{% endif %}
</label>
+ {% elif widget_type == 'checkbox_select_multiple' or widget_type == 'radio_select' %}
+ <fieldset>
+ <legend class="form__question form__question--{{ field_type }} {{ widget_type }}" {% if field.field.required %}required{% endif %}>
+ <span>{{ field.label }}</span>
+ {% if field.field.required %}
+ <span class="form__required">*</span>
+ {% endif %}
+ </legend>
{% else %}
<label for="{{ field.id_for_label }}" class="form__question form__question--{{ field_type }} {{ widget_type }}" {% if field.field.required %}required{% endif %}>
<span>{{ field.label }}</span>
@@ -47,5 +55,8 @@
</div>
{% endif %}
</div>
+ {% if widget_type == 'checkbox_select_multiple' or widget_type == 'radio_select' %}
+ </fieldset>
+ {% endif %}
</div>
{% endwith %}
diff --git a/hypha/static_src/src/sass/public/components/_link.scss b/hypha/static_src/src/sass/public/components/_link.scss
index 113be555b..a0170037a 100644
--- a/hypha/static_src/src/sass/public/components/_link.scss
+++ b/hypha/static_src/src/sass/public/components/_link.scss
@@ -6,7 +6,7 @@
}
&--button {
- @include button($color--light-blue, $color--dark-blue);
+ @include button($color--light-blue, $color--darkest-blue);
display: inline-block;
&--narrow {
--
GitLab