mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-12-03 12:27:30 -05:00
use account-nav class, not account-nav id
This commit is contained in:
parent
733134c421
commit
f9003077a3
3 changed files with 12 additions and 14 deletions
|
@ -21,7 +21,7 @@ const AccountNav = ({
|
|||
onClickLogout,
|
||||
onClose
|
||||
}) => (
|
||||
<div id="account-nav">
|
||||
<div className="account-nav">
|
||||
<a
|
||||
className={classNames({
|
||||
'user-info': true,
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
@import "../../../colors";
|
||||
@import "../../../frameless";
|
||||
|
||||
#account-nav {
|
||||
.account-nav {
|
||||
.user-info {
|
||||
display: inline-block;
|
||||
padding: 14px 15px 4px 15px;
|
||||
|
@ -57,7 +57,9 @@
|
|||
|
||||
//4 columns
|
||||
@media only screen and (max-width: $mobile - 1) {
|
||||
#account-nav {
|
||||
.account-nav {
|
||||
margin-left: 0;
|
||||
|
||||
.user-info {
|
||||
.avatar {
|
||||
margin-right: 0;
|
||||
|
@ -73,7 +75,9 @@
|
|||
|
||||
//6 columns
|
||||
@media only screen and (min-width: $mobile) and (max-width: $tablet - 1) {
|
||||
#account-nav {
|
||||
.account-nav {
|
||||
margin-left: 0;
|
||||
|
||||
.user-info {
|
||||
.avatar {
|
||||
margin-right: 0;
|
||||
|
@ -88,4 +92,7 @@
|
|||
|
||||
//8 columns
|
||||
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
|
||||
.account-nav {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -193,10 +193,6 @@
|
|||
&.login-item {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&.account-nav {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.create,
|
||||
|
@ -221,10 +217,6 @@
|
|||
&.login-item {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&.account-nav {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.discuss,
|
||||
|
@ -244,8 +236,7 @@
|
|||
width: $cols8;
|
||||
|
||||
> ul > li {
|
||||
&.login-item,
|
||||
&.account-nav {
|
||||
&.login-item {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue