Use ionicon checkmark instead of default font - 💯 consistency

janfaracik · Nov 30, 2021 · f120f18 · f120f18
1 parent 3145f9f
commit f120f18
Showing 1 changed file with 8 additions and 5 deletions.
diff --git 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);
     }
   }