From f120f18637351fe58328d4f6837f233def5ad3f6 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Tue, 30 Nov 2021 00:24:38 +0000
Subject: [PATCH] Use ionicon checkmark instead of default font - :100:
 consistency

---
 war/src/main/less/modules/form.less | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/war/src/main/less/modules/form.less b/war/src/main/less/modules/form.less
index 2543ad854c88..9ff72c2090af 100644
--- a/war/src/main/less/modules/form.less
+++ b/war/src/main/less/modules/form.less
@@ -444,7 +444,7 @@
   }
 
   &::after {
-    content: "✓";
+    content: "";
     display: flex;
     align-items: center;
     justify-content: center;
@@ -454,11 +454,13 @@
     right: 0;
     width: 22px;
     height: 22px;
-    font-weight: 800;
-    color: var(--background);
-    transition: 0.2s ease;
+    background: var(--background);
+    mask-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='384px' height='320px' viewBox='0 0 384 320' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3ePath%3c/title%3e%3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cpath d='M327.917546,10.9278525 C339.555371,-2.37251966 359.771775,-3.72027991 373.072147,7.91754577 C386.239516,19.4389932 387.692129,39.368305 376.427694,52.671077 L376.082454,53.0721475 L152.082454,309.072147 C140.014868,322.863675 118.889432,323.700972 105.767743,311.015951 L105.372583,310.627417 L9.372583,214.627417 C-3.12419433,202.13064 -3.12419433,181.86936 9.372583,169.372583 C21.7443926,157.000773 41.7261905,156.877055 54.2501999,169.001429 L54.627417,169.372583 L126.441,241.186 L327.917546,10.9278525 Z' id='Path' fill='%23FF0000' fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
+    mask-size: 10px 10px;
+    mask-repeat: no-repeat;
+    mask-position: center;
+    transition: var(--standard-transition);
     transform: scale(0);
-    font-size: 12px;
   }
 
   &:hover {
@@ -469,6 +471,7 @@
 
   &:active, &:focus {
     &::before {
+      border: 5px solid var(--focus-input-border);
       box-shadow: 0 0 0 5px var(--focus-input-glow);
     }
   }