scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-30 10:58:23 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

use account-nav class, not account-nav id

Browse source
This commit is contained in:
Ben Wheeler 2018-09-04 17:15:52 -04:00
parent 733134c421
commit f9003077a3
3 changed files with 12 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/navigation/www/accountnav.jsx
View file

@ -21,7 +21,7 @@ const AccountNav = ({
onClickLogout, onClickLogout,
onClose onClose
}) => ( }) => (
<div id="account-nav"> <div className="account-nav">
<a <a
className={classNames({ className={classNames({
'user-info': true, 'user-info': true,

13
src/components/navigation/www/accountnav.scss
View file

@ -1,7 +1,7 @@
@import "../../../colors"; @import "../../../colors";
@import "../../../frameless"; @import "../../../frameless";
#account-nav { .account-nav {
.user-info { .user-info {
display: inline-block; display: inline-block;
padding: 14px 15px 4px 15px; padding: 14px 15px 4px 15px;
@ -57,7 +57,9 @@
//4 columns //4 columns
@media only screen and (max-width: $mobile - 1) { @media only screen and (max-width: $mobile - 1) {
#account-nav { .account-nav {
margin-left: 0;
.user-info { .user-info {
.avatar { .avatar {
margin-right: 0; margin-right: 0;
@ -73,7 +75,9 @@
//6 columns //6 columns
@media only screen and (min-width: $mobile) and (max-width: $tablet - 1) { @media only screen and (min-width: $mobile) and (max-width: $tablet - 1) {
#account-nav { .account-nav {
margin-left: 0;
.user-info { .user-info {
.avatar { .avatar {
margin-right: 0; margin-right: 0;
@ -88,4 +92,7 @@
//8 columns //8 columns
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) { @media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
.account-nav {
margin-left: 0;
}
} }

11
src/components/navigation/www/navigation.scss
View file

@ -193,10 +193,6 @@
&.login-item { &.login-item {
margin-left: 0; margin-left: 0;
} }
&.account-nav {
margin-left: 0;
}
} }
.create, .create,
@ -221,10 +217,6 @@
&.login-item { &.login-item {
margin-left: 0; margin-left: 0;
} }
&.account-nav {
margin-left: 0;
}
} }
.discuss, .discuss,
@ -244,8 +236,7 @@
width: $cols8; width: $cols8;
> ul > li { > ul > li {
&.login-item, &.login-item {
&.account-nav {
margin-left: 0; margin-left: 0;
} }
} }