From 175f039fd6bd82857b5d006de338dacfd419be9d Mon Sep 17 00:00:00 2001 From: Naomi Carrigan Date: Wed, 26 Jul 2023 22:36:57 -0700 Subject: [PATCH] fix: modify the style of the preview popout button (#51018) --- client/src/templates/Challenges/classic/classic.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/client/src/templates/Challenges/classic/classic.css b/client/src/templates/Challenges/classic/classic.css index d74bcf71853..07aae7834b5 100644 --- a/client/src/templates/Challenges/classic/classic.css +++ b/client/src/templates/Challenges/classic/classic.css @@ -132,7 +132,8 @@ height: 100%; } -#mobile-layout .nav-tabs > li:not(.active) > a:hover { +#mobile-layout .nav-tabs > li:not(.active) > a:hover, +.portal-button:hover { background: var(--quaternary-background); color: var(--secondary-color); } @@ -144,13 +145,16 @@ height: 2rem; width: 2rem; border: 0; + /* This is the default for the a elements in the nav-tabs, inherited from bootstrap */ + /* We need to set this here to override our default button styles. */ + background: transparent; border-bottom: 1px solid var(--quaternary-color); padding: 0; } .portal-button[aria-expanded='true'] { - border-color: var(--primary-color); - background-color: var(--primary-color); + border-color: var(--quaternary-color); + background-color: var(--quaternary-color); color: var(--secondary-background); }