mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-01-06 06:01:31 -05:00
fix: modify the style of the preview popout button (#51018)
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user