Fix CSS specificity, where canvas's solutionToolbarButton's backgroun…

…d-color now takes precedence over EuiButton's primary styles
patrykkopycinski · Nov 5, 2022 · 37b1922 · 37b1922
1 parent 16ce9f8
commit 37b1922
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/plugins/presentation_util/public/components/solution_toolbar/items/button.tsx b/src/plugins/presentation_util/public/components/solution_toolbar/items/button.tsx
@@ -24,7 +24,7 @@ export const SolutionToolbarButton = ({ label, primary, className, ...rest }: Pr
     {...rest}
     size="m"
     color={primary ? 'primary' : 'text'}
-    className={`solutionToolbarButton ${className}`}
+    className={`${primary ? '' : 'solutionToolbarButton'} ${className}`}
     fill={primary}
   >
     {label}

diff --git a/src/plugins/presentation_util/public/components/solution_toolbar/items/popover.tsx b/src/plugins/presentation_util/public/components/solution_toolbar/items/popover.tsx
@@ -7,8 +7,7 @@
  */
 
 import React, { useState } from 'react';
-import { EuiPopover } from '@elastic/eui';
-import { Props as EuiPopoverProps } from '@elastic/eui/src/components/popover/popover';
+import { EuiPopover, EuiPopoverProps } from '@elastic/eui';
 
 import { SolutionToolbarButton, Props as ButtonProps } from './button';