From d50fd07ccf1dc93e131c0092cfec2c9ccdb5d097 Mon Sep 17 00:00:00 2001 From: Artur Bien Date: Tue, 21 May 2019 20:45:04 +0200 Subject: [PATCH] fixed disabled menu button hover issue --- src/components/Button/Button.js | 10 +++++----- src/components/Window/Window.stories.js | 2 +- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/Button/Button.js b/src/components/Button/Button.js index c7585a8..1a8f0e7 100644 --- a/src/components/Button/Button.js +++ b/src/components/Button/Button.js @@ -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} `; diff --git a/src/components/Window/Window.stories.js b/src/components/Window/Window.stories.js index f275af9..3324d0d 100644 --- a/src/components/Window/Window.stories.js +++ b/src/components/Window/Window.stories.js @@ -28,7 +28,7 @@ storiesOf("Window", module) -