Prefer using bootstrap variable

diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index 3d9cea4730fc4000575aeeb94d23931220c092f5..3b847c75b8f17a17eaa60dae32ed547ceeec4b17 100644 (file)
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -349,7 +349,6 @@
   > .input-group-text {
     line-height: normal;
     opacity: 0.9;
-    background-color: pvar(--greyBackgroundColor);
   }
 
   .input-group-text > .dropdown-toggle {

diff --git a/client/src/sass/include/_bootstrap-variables.scss b/client/src/sass/include/_bootstrap-variables.scss
index af258dcfa9c064210c7e15890ea12e297093c2eb..c4d3897bd3b521606b2b67c892563f66d3b8a37c 100644 (file)
--- a/client/src/sass/include/_bootstrap-variables.scss
+++ b/client/src/sass/include/_bootstrap-variables.scss
@@ -43,6 +43,7 @@ $input-btn-focus-color: inherit;
 $input-focus-border-color: #ced4da;
 
 $input-group-addon-color: pvar(--mainForegroundColor);
+$input-group-addon-bg: pvar(--greyBackgroundColor);
 
 $nav-pills-link-active-bg: #F0F0F0;
 $nav-pills-link-active-color: #000;