From a7195331a3b5d8cb4836062f99430b4f5f6e44c3 Mon Sep 17 00:00:00 2001 From: Rene Pfeuffer Date: Fri, 10 Jan 2020 17:10:57 +0100 Subject: [PATCH 1/2] Fix text colors for warning button --- .../src/__snapshots__/storyshots.test.ts.snap | 148 ++++++++++++++++++ .../src/buttons/index.stories.tsx | 9 ++ scm-ui/ui-styles/src/scm.scss | 5 + 3 files changed, 162 insertions(+) diff --git a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap index c7ab6a81b6..819d1a4558 100644 --- a/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap +++ b/scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap @@ -161,6 +161,154 @@ exports[`Storyshots Buttons|Button Colors 1`] = ` `; +exports[`Storyshots Buttons|Button Disabled 1`] = ` +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+`; + exports[`Storyshots Buttons|Button Loading 1`] = `
+ )) + .add("Disabled", () => ( +
+ {colors.map(color => ( + +
)); const buttonStory = (name: string, storyFn: () => ReactElement) => { diff --git a/scm-ui/ui-styles/src/scm.scss b/scm-ui/ui-styles/src/scm.scss index bcb1fd4aa4..adb3c0b774 100644 --- a/scm-ui/ui-styles/src/scm.scss +++ b/scm-ui/ui-styles/src/scm.scss @@ -303,6 +303,10 @@ $danger-25: scale-color($danger, $lightness: 75%); } } + &.is-warning { + color: #88550D; + } + &.is-primary:hover, &.is-primary.is-hovered { background-color: scale-color($primary, $lightness: -10%); @@ -371,6 +375,7 @@ $danger-25: scale-color($danger, $lightness: 75%); &.is-warning[disabled] { background-color: scale-color($warning, $lightness: 75%); + color: #e1d4c2; } &.is-danger:hover, From 772e16d943cf2faba1baa765a6f2ef6849216a66 Mon Sep 17 00:00:00 2001 From: Sebastian Sdorra Date: Mon, 13 Jan 2020 10:05:07 +0000 Subject: [PATCH 2/2] Close branch bugfix/warning_button_color