github/React95
1
1
Fork 0
mirror of https://github.com/react95-io/React95.git synced 2026-04-26 03:00:18 -04:00
Code Issues Packages Projects Releases Wiki Activity

fixed disabled menu button hover issue

Browse Source
This commit is contained in:
Artur Bien
2019-05-21 20:45:04 +02:00
parent 890573863f
commit d50fd07ccf
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Button/Button.js
View File

@@ -38,22 +38,22 @@ const StyledButton = styled.button`
${createBoxStyles()};
border: 2px solid transparent;
&:hover {
${createWellBorderStyles(false)}
${({ isDisabled }) => !isDisabled && createWellBorderStyles(false)}
}
&:active {
${createWellBorderStyles(true)}
${({ isDisabled }) => !isDisabled && createWellBorderStyles(true)}
}
${({ active }) => active && createBorderStyles(true)}
${({ isDisabled }) => isDisabled && createDisabledTextStyles()}
`
: css`
${createBoxStyles()};
${({ active }) =>
active ? createBorderStyles(true) : createBorderStyles(false)}
${({ isDisabled }) =>
isDisabled && createDisabledTextStyles()}
&:active {
&:active {
${({ isDisabled }) => !isDisabled && createBorderStyles(true)}
}
${({ isDisabled }) => isDisabled && createDisabledTextStyles()}
`}
${commonButtonStyles}
`;

2
src/components/Window/Window.stories.js
View File

@@ -28,7 +28,7 @@ storiesOf("Window", module)
<Button variant="menu" size="sm">
Edit
</Button>
<Button variant="menu" size="sm">
<Button variant="menu" size="sm" disabled>
Save
</Button>
</Toolbar>