From ea08c148dfe872642e3c62b8b4d93e56c2ecaa68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Mon, 30 Mar 2020 21:28:13 +0200
Subject: [PATCH] NewPanelEdit: Use secondary as the button in the sidebar
 (#23211)

---
 .../DataLinksInlineEditor/DataLinksInlineEditor.tsx       | 2 +-
 .../components/ThresholdsEditorNew/ThresholdsEditor.tsx   | 2 +-
 .../ValueMappingsEditor/ValueMappingsEditor.tsx           | 8 +++++++-
 .../components/PanelEditor/FieldConfigEditor.tsx          | 1 +
 4 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/grafana-ui/src/components/DataLinks/DataLinksInlineEditor/DataLinksInlineEditor.tsx b/packages/grafana-ui/src/components/DataLinks/DataLinksInlineEditor/DataLinksInlineEditor.tsx
index 7a75972fd14..fd3c937b187 100644
--- a/packages/grafana-ui/src/components/DataLinks/DataLinksInlineEditor/DataLinksInlineEditor.tsx
+++ b/packages/grafana-ui/src/components/DataLinks/DataLinksInlineEditor/DataLinksInlineEditor.tsx
@@ -100,7 +100,7 @@ export const DataLinksInlineEditor: React.FC<DataLinksInlineEditorProps> = ({ li
       )}
 
       <FullWidthButtonContainer>
-        <Button size="sm" icon="fa fa-plus" onClick={onDataLinkAdd}>
+        <Button size="sm" icon="fa fa-plus" onClick={onDataLinkAdd} variant="secondary">
           Add link
         </Button>
       </FullWidthButtonContainer>
diff --git a/packages/grafana-ui/src/components/ThresholdsEditorNew/ThresholdsEditor.tsx b/packages/grafana-ui/src/components/ThresholdsEditorNew/ThresholdsEditor.tsx
index a01130dfbd7..8ebd1303a69 100644
--- a/packages/grafana-ui/src/components/ThresholdsEditorNew/ThresholdsEditor.tsx
+++ b/packages/grafana-ui/src/components/ThresholdsEditorNew/ThresholdsEditor.tsx
@@ -198,7 +198,7 @@ export class ThresholdsEditor extends PureComponent<Props, State> {
           return (
             <div className={styles.wrapper}>
               <FullWidthButtonContainer className={styles.addButton}>
-                <Button size="sm" icon="fa fa-plus" onClick={() => this.onAddThreshold()}>
+                <Button size="sm" icon="fa fa-plus" onClick={() => this.onAddThreshold()} variant="secondary">
                   Add threshold
                 </Button>
               </FullWidthButtonContainer>
diff --git a/packages/grafana-ui/src/components/ValueMappingsEditor/ValueMappingsEditor.tsx b/packages/grafana-ui/src/components/ValueMappingsEditor/ValueMappingsEditor.tsx
index cfe15eba108..37ded12deca 100644
--- a/packages/grafana-ui/src/components/ValueMappingsEditor/ValueMappingsEditor.tsx
+++ b/packages/grafana-ui/src/components/ValueMappingsEditor/ValueMappingsEditor.tsx
@@ -66,7 +66,13 @@ export const ValueMappingsEditor: React.FC<Props> = ({ valueMappings, onChange,
         </>
       )}
       <FullWidthButtonContainer>
-        <Button size="sm" icon="fa fa-plus" onClick={onAdd} aria-label="ValueMappingsEditor add mapping button">
+        <Button
+          size="sm"
+          icon="fa fa-plus"
+          onClick={onAdd}
+          aria-label="ValueMappingsEditor add mapping button"
+          variant="secondary"
+        >
           Add mapping
         </Button>
       </FullWidthButtonContainer>
diff --git a/public/app/features/dashboard/components/PanelEditor/FieldConfigEditor.tsx b/public/app/features/dashboard/components/PanelEditor/FieldConfigEditor.tsx
index b706f665cef..59ea82ae67e 100644
--- a/public/app/features/dashboard/components/PanelEditor/FieldConfigEditor.tsx
+++ b/public/app/features/dashboard/components/PanelEditor/FieldConfigEditor.tsx
@@ -110,6 +110,7 @@ export const OverrideFieldConfigEditor: React.FC<Props> = props => {
       <ValuePicker
         icon="plus"
         label="Add override"
+        variant="secondary"
         options={fieldMatchersUI
           .list()
           .map<SelectableValue<string>>(i => ({ label: i.name, value: i.id, description: i.description }))}