Property values for #feedback-fields > p .missing-value changed to { …

…border: 2px solid #D95F8A }. Contrast tests for text box with new border style passed (https://contrastchecker.com/). In the feedback form asterisk symbols added for required fields (subject and message)
NatLibFi · Mar 11, 2021 · b26b6ac · b26b6ac
1 parent f2f3404
commit b26b6ac
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/resource/css/styles.css b/resource/css/styles.css
@@ -774,7 +774,7 @@ span.xl-pref-label > img {
 /* feedback page
  ***************************/
 #feedback-fields > p .missing-value {
-  border: 1px solid red;
+  border: 2px solid #D95F8A;
 }
 
 #feedback-fields label {

diff --git a/view/feedback.twig b/view/feedback.twig
@@ -39,11 +39,11 @@
           <input id="email" class="form-control" type="text" size="40" name="email" placeholder="{% trans %}Enter your e-mail address{% endtrans %}">
         </p>
         <p>
-          <label for="msgsubject">{% trans %}Subject:{% endtrans %}</label>
+          <label for="msgsubject">{% trans %}Subject:{% endtrans %} *</label>
           <input id="msgsubject" class="form-control" type="text" size="40" name="msgsubject" placeholder="{% trans %}Write a subject{% endtrans %}" >
         </p>
         <p>
-          <label for="message">{% trans %}Message:{% endtrans %}</label>
+          <label for="message">{% trans %}Message:{% endtrans %} *</label>
           <textarea id="message" class="form-control" name="message"></textarea>
         </p>
         {{ honeypot.generate('item-description', 'user-captcha')|raw }}