Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-11 07:55:47 +01:00
Code Issues Packages Projects Releases Activity

Fix text colors for warning button

Browse Source
This commit is contained in:
Rene Pfeuffer
2020-01-10 17:10:57 +01:00
parent dd3949b817
commit a7195331a3
3 changed files with 162 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
View File

@@ -161,6 +161,154 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
</div> </div>
`; `;
exports[`Storyshots Buttons|Button Disabled 1`] = `
<div>
<div
className="sc-htoDjs bIDNS"
>
<button
className="button is-primary"
disabled={true}
onClick={[Function]}
type="button"
>
primary
</button>
</div>
<div
className="sc-htoDjs bIDNS"
>
<button
className="button is-link"
disabled={true}
onClick={[Function]}
type="button"
>
link
</button>
</div>
<div
className="sc-htoDjs bIDNS"
>
<button
className="button is-info"
disabled={true}
onClick={[Function]}
type="button"
>
info
</button>
</div>
<div
className="sc-htoDjs bIDNS"
>
<button
className="button is-success"
disabled={true}
onClick={[Function]}
type="button"
>
success
</button>
</div>
<div
className="sc-htoDjs bIDNS"
>
<button
className="button is-warning"
disabled={true}
onClick={[Function]}
type="button"
>
warning
</button>
</div>
<div
className="sc-htoDjs bIDNS"
>
<button
className="button is-danger"
disabled={true}
onClick={[Function]}
type="button"
>
danger
</button>
</div>
<div
className="sc-htoDjs bIDNS"
>
<button
className="button is-white"
disabled={true}
onClick={[Function]}
type="button"
>
white
</button>
</div>
<div
className="sc-htoDjs bIDNS"
>
<button
className="button is-light"
disabled={true}
onClick={[Function]}
type="button"
>
light
</button>
</div>
<div
className="sc-htoDjs bIDNS"
>
<button
className="button is-dark"
disabled={true}
onClick={[Function]}
type="button"
>
dark
</button>
</div>
<div
className="sc-htoDjs bIDNS"
>
<button
className="button is-black"
disabled={true}
onClick={[Function]}
type="button"
>
black
</button>
</div>
<div
className="sc-htoDjs bIDNS"
>
<button
className="button is-text"
disabled={true}
onClick={[Function]}
type="button"
>
text
</button>
</div>
</div>
`;
exports[`Storyshots Buttons|Button Loading 1`] = ` exports[`Storyshots Buttons|Button Loading 1`] = `
<div <div
className="sc-htoDjs bIDNS" className="sc-htoDjs bIDNS"

9
scm-ui/ui-components/src/buttons/index.stories.tsx
View File

@@ -34,6 +34,15 @@ storiesOf("Buttons|Button", module)
Loading Button Loading Button
</Button> </Button>
</Spacing> </Spacing>
))
.add("Disabled", () => (
<div>
{colors.map(color => (
<Spacing key={color}>
<Button color={color} label={color} disabled={true} />
</Spacing>
))}
</div>
)); ));
const buttonStory = (name: string, storyFn: () => ReactElement) => { const buttonStory = (name: string, storyFn: () => ReactElement) => {

5
scm-ui/ui-styles/src/scm.scss
View File

@@ -303,6 +303,10 @@ $danger-25: scale-color($danger, $lightness: 75%);
} }
} }
&.is-warning {
color: #88550D;
}
&.is-primary:hover, &.is-primary:hover,
&.is-primary.is-hovered { &.is-primary.is-hovered {
background-color: scale-color($primary, $lightness: -10%); background-color: scale-color($primary, $lightness: -10%);
@@ -371,6 +375,7 @@ $danger-25: scale-color($danger, $lightness: 75%);
&.is-warning[disabled] { &.is-warning[disabled] {
background-color: scale-color($warning, $lightness: 75%); background-color: scale-color($warning, $lightness: 75%);
color: #e1d4c2;
} }
&.is-danger:hover, &.is-danger:hover,