From 6040f889644cb69b6a1e7c5d711cef595b030518 Mon Sep 17 00:00:00 2001 From: gillespi314 <73313222+gillespi314@users.noreply.github.com> Date: Thu, 10 Jun 2021 11:18:20 -0500 Subject: [PATCH] Fix styling of action dropdown button (#1048) Fix styling of action drop drown button for `hover` and `focus` states to match _Users_ tab --- .../admin/TeamManagementPage/_styles.scss | 26 +++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/frontend/pages/admin/TeamManagementPage/_styles.scss b/frontend/pages/admin/TeamManagementPage/_styles.scss index a5ea047ab9..56614a044d 100644 --- a/frontend/pages/admin/TeamManagementPage/_styles.scss +++ b/frontend/pages/admin/TeamManagementPage/_styles.scss @@ -5,4 +5,30 @@ @include sticky-settings-description; padding-bottom: $pad-medium; } + + .Select.is-focused:not(.is-open) > .Select-control { + border: none; + box-shadow: none; + } + + .Select.is-open { + .Select-arrow { + margin-top: $pad-xsmall; + } + } + + .Select-arrow { + margin-top: $pad-xsmall; + } + + .Select-control:hover { + box-shadow: none; + } + + .Select-placeholder { + font-size: $x-small; + margin-top: $pad-xxsmall; + padding-left: 0; + } + }