From ef1eab56aa7b7004ce3c874275dd6bf26e19104e Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Tue, 18 Aug 2020 12:29:44 +0300
Subject: [PATCH] Issue #3127466 by komalkolekar, bnjmnm, kishor_kolekar,
sd9121, lauriii, DeepaliJ, DyanneNova, kiran.kadam911, andrewmacpherson,
rainbreaw, kostyashupenko: Required fields are not identifiable on Internet
Explorer 11 high contrast
(cherry picked from commit 763a9c556d206db8a78b4c40fcaea5f040566591)
---
core/themes/claro/css/components/form.css | 15 +++++----------
core/themes/claro/css/components/form.pcss.css | 15 +++++----------
2 files changed, 10 insertions(+), 20 deletions(-)
diff --git a/core/themes/claro/css/components/form.css b/core/themes/claro/css/components/form.css
index d6413c1a89c0..0638d300a443 100644
--- a/core/themes/claro/css/components/form.css
+++ b/core/themes/claro/css/components/form.css
@@ -140,16 +140,11 @@ tr .form-item,
.form-item__label.form-required::after,
.fieldset__label.form-required::after {
display: inline-block;
- width: 0.4375rem;
- height: 0.4375rem;
- margin-right: 0.3em;
- margin-left: 0.3em;
- content: "";
- vertical-align: super;
- /* Use a background image to prevent screen readers from announcing the text. */
- background-image: url(../../images/core/ee0000/required.svg);
- background-repeat: no-repeat;
- background-size: 0.4375rem 0.4375rem;
+ margin-right: 0.15em;
+ margin-left: 0.15em;
+ content: "*";
+ color: #d72222;
+ font-size: 0.875rem;
}
/**
diff --git a/core/themes/claro/css/components/form.pcss.css b/core/themes/claro/css/components/form.pcss.css
index 390944840de9..9b7f7ec736e3 100644
--- a/core/themes/claro/css/components/form.pcss.css
+++ b/core/themes/claro/css/components/form.pcss.css
@@ -70,16 +70,11 @@ tr .form-item,
.form-item__label.form-required::after,
.fieldset__label.form-required::after {
display: inline-block;
- width: var(--input--required-mark-size);
- height: var(--input--required-mark-size);
- margin-right: 0.3em;
- margin-left: 0.3em;
- content: "";
- vertical-align: super;
- /* Use a background image to prevent screen readers from announcing the text. */
- background-image: url(../../images/core/ee0000/required.svg);
- background-repeat: no-repeat;
- background-size: var(--input--required-mark-size) var(--input--required-mark-size);
+ margin-right: 0.15em;
+ margin-left: 0.15em;
+ content: "*";
+ color: var(--color-maximumred);
+ font-size: 0.875rem;
}
/**
--
GitLab