From ebcbcb46616bd71da264ada1cd203f37cf6ae17b Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Mon, 30 Jan 2023 12:53:28 -0500
Subject: [PATCH] ISTWCMS-6010: Fix the multiple field button in webform
---
src/patterns/01-core/elements/_form.scss | 23 +++++++++++++++++++++++
1 file changed, 23 insertions(+)
diff --git a/src/patterns/01-core/elements/_form.scss b/src/patterns/01-core/elements/_form.scss
index dfdd00dd..26c00ad8 100644
--- a/src/patterns/01-core/elements/_form.scss
+++ b/src/patterns/01-core/elements/_form.scss
@@ -181,3 +181,26 @@ button {
}
}
}
+.webform-multiple-add {
+ > .button{
+ @include button-reset();
+ @include svg-background-color(var(--gray-4), plus);
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ display: inline-block;
+ height: var(--size-105);
+ position: relative;
+ text-indent: -9999px;
+ vertical-align: middle;
+ width: var(--size-105);
+ &:hover,
+ &:focus{
+ @include svg-background-color(var(--uw-black), plus);
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ border: var(--size-xs) solid transparent;
+ }
+ }
+}
--
GitLab