From 02efaddfbc6cabe3f56f5435a05cbb3ad75edd41 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Wed, 10 Jan 2018 14:28:44 +0000
Subject: [PATCH] adding hover state to google translate button
---
opentech/static_src/src/sass/components/_button.scss | 9 +++++++++
1 file changed, 9 insertions(+)
diff --git a/opentech/static_src/src/sass/components/_button.scss b/opentech/static_src/src/sass/components/_button.scss
index c2ab72356..19e7322e6 100644
--- a/opentech/static_src/src/sass/components/_button.scss
+++ b/opentech/static_src/src/sass/components/_button.scss
@@ -45,12 +45,21 @@
border: 1px solid $color--white;
transition: background, color, $transition;
+ &:hover {
+ .goog-te-menu-value {
+ span {
+ color: $color--dark-blue !important; // sass-lint:disable-line no-important
+ }
+ }
+ }
+
.goog-te-menu-value {
color: $color--white;
span {
// color of the arrow is inlined hence !important
color: $color--white !important; // sass-lint:disable-line no-important
+ transition: color $transition;
&:nth-of-type(2) {
// hide the pipe
--
GitLab