scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 17:45:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Merge pull request #5578 from fsih/whiteButtons

Browse source 
Make the default nav button state white
This commit is contained in:
DD Liu 2021-06-13 23:07:33 -04:00 committed by GitHub
commit 2d884eef64
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/views/studio/studio-tab-nav.jsx
View file

@ -49,6 +49,7 @@ const StudioTabNav = ({isFetchingInfo, commentCount, projectCount}) => {
>
<NavLink
activeClassName="active"
className="nav_link"
to={base}
exact
>
@ -67,6 +68,7 @@ const StudioTabNav = ({isFetchingInfo, commentCount, projectCount}) => {
</NavLink>
<NavLink
activeClassName="active"
className="nav_link"
to={`${base}/comments`}
>
<li><img
@ -84,6 +86,7 @@ const StudioTabNav = ({isFetchingInfo, commentCount, projectCount}) => {
</NavLink>
<NavLink
activeClassName="active"
className="nav_link"
to={`${base}/curators`}
>
<li><img
@ -92,6 +95,7 @@ const StudioTabNav = ({isFetchingInfo, commentCount, projectCount}) => {
</NavLink>
<NavLink
activeClassName="active"
className="nav_link"
to={`${base}/activity`}
>
<li><img

19
src/views/studio/studio.scss
View file

@ -170,20 +170,33 @@ $radius: 8px;
li {
display: flex;
align-items: center;
background: rgba(0, 0, 0, 0.15);
background: white;
border: 1px solid rgba(0, 0, 0, 0.15);
color: #575e75;
padding: 0.5em 0.75em 0.5em 0.5em;
&:active {
padding: calc(0.5em + 1px) calc(0.75em + 1px) calc(0.5em + 1px) calc(0.5em + 1px);
padding: calc(0.5em) calc(0.75em) calc(0.5em) calc(0.5em);
}
img {
margin-right: 0.5em;
width: 1.5em;
filter: invert(0.55);
}
.tab-count {
font-weight: normal;
}
}
.active > li { background: $ui-blue; }
.active > li {
background: $ui-blue;
color: white;
img {
filter: invert(0);
}
}
a.nav_link:hover > li {
background: $ui-blue-25percent;
border: 1px solid $ui-blue-10percent;
}
}
.studio-projects, .studio-members {