fix(buttons): border set on basic buttons appearing on svg elements o…

…f Volto UI

- Removed also basicBoxShadow set at transparent by Volto

theme/themes/eea/elements/button.overrides

@@ -11,17 +11,19 @@
 }
 
 /* Global Button Styles */
-.ui.button,
-.ui.buttons .button,
-.ui.buttons {
-  border: @buttonBorder @backgroundColor;
-
-  &:hover,
-  &:active,
-  &:focus {
-    border-color: @hoverBackgroundColor;
-  }
-}
+// 147629 to remove later, basic buttons don't need borders, svg buttons are
+// basic and volto ui has elements that are highlighted because of it
+//.ui.button,
+//.ui.buttons .button,
+//.ui.buttons {
+//  border: @buttonBorder @backgroundColor;
+//
+//  &:hover,
+//  &:active,
+//  &:focus {
+//    border-color: @hoverBackgroundColor;
+//  }
+//}
 
 /* Primary Button Border */
 .ui.button.primary,

theme/themes/eea/elements/button.variables

@@ -241,7 +241,7 @@
 @basicBackground: transparent none;
 @basicFontWeight: @normal;
 @basicBorder: 1px solid @borderColor;
-@basicBoxShadow: 0px 0px 0px @basicBorderSize @textColor inset;
+@basicBoxShadow: none; // remove basic box shadow by default
 @basicLoadingColor: @offWhite;
 @basicTextTransform: none;