OEL-1175: Image and styles added to solve required fields on forms.

openeuropa · Feb 24, 2022 · fa499f9 · fa499f9
1 parent 61d1401
commit fa499f9
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 0 deletions.
diff --git a/assets/images/required.svg b/assets/images/required.svg
diff --git a/resources/sass/components/_all.scss b/resources/sass/components/_all.scss
@@ -2,3 +2,4 @@
 // -----------------------------------------------------------------------------
 @import 'blockquote';
 @import 'navbar';
+@import 'form';
diff --git a/resources/sass/components/_form.scss b/resources/sass/components/_form.scss
@@ -0,0 +1,19 @@
+// form
+// https://getbootstrap.com/docs/5.0/forms/overview/
+// -----------------------------------------------------------------------------
+
+// Custom css for forms.
+/**
+ * Required field
+ */
+.form-required:after {
+  content: '';
+  vertical-align: super;
+  display: inline-block;
+  background-image: url(../images/required.svg);
+  background-repeat: no-repeat;
+  background-size: 6px 6px;
+  width: 6px;
+  height: 6px;
+  margin: 0 0.3em;
+}