Style dashboard buttons the same way (#63403) (#63697)

* Stylize dashboard buttons the same way * update snapshots Co-authored-by: Elastic Machine <[email protected]> Co-authored-by: Elastic Machine <[email protected]>
elastic · Apr 16, 2020 · 959bf00 · 959bf00
1 parent 9479795
commit 959bf00
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 26 deletions.
diff --git a/src/plugins/dashboard/public/application/__snapshots__/dashboard_empty_screen.test.tsx.snap b/src/plugins/dashboard/public/application/__snapshots__/dashboard_empty_screen.test.tsx.snap
diff --git a/src/plugins/dashboard/public/application/_dashboard_app.scss b/src/plugins/dashboard/public/application/_dashboard_app.scss
@@ -19,18 +19,10 @@
 
 .dshEmptyWidget {
   border: $euiBorderThin;
-  border-style:  dashed;
+  border-style: dashed;
   border-radius: $euiBorderRadius;
   padding: $euiSizeXXL * 2;
   max-width: 400px;
   margin-left: $euiSizeS;
   text-align: center;
 }
-
-.dshEmptyWidget {
-  border: 2px dashed $euiColorLightShade;
-  padding: 4 * $euiSize;
-  max-width: 20em;
-  margin-left: 10px;
-  text-align: center;
-}
diff --git a/src/plugins/dashboard/public/application/dashboard_empty_screen.tsx b/src/plugins/dashboard/public/application/dashboard_empty_screen.tsx
@@ -55,10 +55,9 @@ export function DashboardEmptyScreen({
   const linkToVisualizeParagraph = (
     <p data-test-subj="linkToVisualizeParagraph">
       <EuiButton
-        iconSide="right"
+        iconSide="left"
         size="s"
-        fill
-        iconType="arrowDown"
+        iconType="plusInCircle"
         onClick={onVisualizeClick}
         data-test-subj="addVisualizationButton"
         aria-label={constants.createNewVisualizationButtonAriaLabel}

diff --git a/.../public/lib/panel/panel_header/panel_actions/add_panel/saved_object_finder_create_new.tsx b/.../public/lib/panel/panel_header/panel_actions/add_panel/saved_object_finder_create_new.tsx
@@ -40,8 +40,8 @@ export function SavedObjectFinderCreateNew({ menuItems }: Props) {
       button={
         <EuiButton
           data-test-subj="createNew"
-          iconType="arrowDown"
-          iconSide="right"
+          iconType="plusInCircle"
+          iconSide="left"
           onClick={toggleCreateMenu}
           fill
         >

diff --git a/src/plugins/navigation/public/top_nav_menu/__snapshots__/top_nav_menu_item.test.tsx.snap b/src/plugins/navigation/public/top_nav_menu/__snapshots__/top_nav_menu_item.test.tsx.snap
diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx
@@ -49,7 +49,7 @@ export function TopNavMenuItem(props: TopNavMenuData) {
   };
 
   const btn = props.emphasize ? (
-    <EuiButton {...commonButtonProps} size="s" fill style={{ fontSize: 'smaller' }}>
+    <EuiButton {...commonButtonProps} size="s" fill>
       {capitalize(props.label || props.id!)}
     </EuiButton>
   ) : (