From c5d748ee8790100738969a799005d08924702179 Mon Sep 17 00:00:00 2001 From: Sarah Allen Date: Tue, 2 Apr 2019 13:34:35 -0500 Subject: [PATCH] Tweak the hover state styles and modal width. --- .../FieldGuide/components/FieldGuide/FieldGuide.js | 2 +- .../components/FieldGuideButton/FieldGuideButton.js | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/packages/lib-classifier/src/components/Classifier/components/FieldGuide/components/FieldGuide/FieldGuide.js b/packages/lib-classifier/src/components/Classifier/components/FieldGuide/components/FieldGuide/FieldGuide.js index 0133d0bf876..73e932f42d7 100644 --- a/packages/lib-classifier/src/components/Classifier/components/FieldGuide/components/FieldGuide/FieldGuide.js +++ b/packages/lib-classifier/src/components/Classifier/components/FieldGuide/components/FieldGuide/FieldGuide.js @@ -8,7 +8,7 @@ import FieldGuideItem from './components/FieldGuideItem' const StyledBox = styled(Box)` max-height: 415px; - max-width: 480px; + max-width: 490px; overflow: auto; ` diff --git a/packages/lib-classifier/src/components/Classifier/components/FieldGuide/components/FieldGuideButton/FieldGuideButton.js b/packages/lib-classifier/src/components/Classifier/components/FieldGuide/components/FieldGuideButton/FieldGuideButton.js index d99682eee3a..2fe74dd4549 100644 --- a/packages/lib-classifier/src/components/Classifier/components/FieldGuide/components/FieldGuideButton/FieldGuideButton.js +++ b/packages/lib-classifier/src/components/Classifier/components/FieldGuide/components/FieldGuideButton/FieldGuideButton.js @@ -20,6 +20,12 @@ const StyledButton = styled(Button)` &:hover, &:focus { background: ${tint(0.5, zooTheme.global.colors.brand)}; } + + &:disabled { + &:hover, &:focus { + background: ${zooTheme.global.colors.brand}; + } + } ` const StyledSpacedText = styled(SpacedText)`