codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-11-23 23:58:02 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Reworked the account modal links and a little bit of the styling.

Browse source
This commit is contained in:
Scott Erickson 2014-11-25 10:39:46 -08:00
parent bb766e9610
commit 2a135eeaf1
2 changed files with 31 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
app/styles/common/site-chrome.sass
View file

@ -56,16 +56,16 @@
left: 0
right: 0
a
color: rgb(158,135,119)
&:hover
color: $white
& > a
color: rgb(158,135,119)
&:hover
color: $white
a, button, select
font-size: 18px
text-transform: uppercase
font-family: Open Sans Condensed
margin: 0 7px
& > a, button, select
font-size: 18px
text-transform: uppercase
font-family: Open Sans Condensed
margin: 0 7px
button, select
position: relative
@ -100,57 +100,44 @@
width: 18px
.dropdown-menu
//left: auto // this busts it, not sure why it's in
width: 280px
width: 180px
padding: 0px
border-radius: 0px
font-family: Open Sans Condensed
font-variant: small-caps
> .user-dropdown-header
position: relative
.user-dropdown-header
background: #E4CF8C
height: 160px
padding: 10px
text-align: center
color: black
border-bottom: #32281e 1px solid
> a:hover
background-color: transparent
img
border: #e3be7a 8px solid
height: 98px // Includes the border
&:hover
box-shadow: 0 0 20px #e3be7a
> h3
h3
font-variant: small-caps
font-family: Open Sans Condensed
margin-top: 10px
text-shadow: 2px 2px 3px white
color: #31281E
.user-level
position: absolute
top: 73px
right: 86px
right: 40px
color: gold
text-shadow: 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black
.user-dropdown-body
li
color: black
padding: 15px
letter-spacing: 1px
font: 15px 'Helvetica Neue', Helvetica, Arial, sans-serif
+clearfix()
.user-dropdown-footer
padding: 10px
margin-left: 0px
font-size: 14px
+clearfix()
.btn-flat
border: #ddd 1px solid
border-radius: 0px
margin: 0px
font-size: 16px
#logout-button
font-weight: bold
//- Content

22
app/templates/base.jade
View file

@ -20,7 +20,7 @@ block header
img.account-settings-image(src=me.getPhotoURL(18), alt="")
else
i.glyphicon.glyphicon-user
span.spl.spr(data-i18n="nav.account" href="/account") Account
span.spl.spr(data-i18n="nav.account" href="/account")
span.caret
ul.dropdown-menu(role="menu")
li.user-dropdown-header
@ -28,18 +28,14 @@ block header
a(href="/user/#{me.getSlugOrID()}")
img.img-circle(src="#{me.getPhotoURL()}" alt="")
h3=me.displayName()
li.user-dropdown-body
.col-xs-4.text-center
a(href="/user/#{me.getSlugOrID()}" data-i18n="nav.profile") Profile
.col-xs-4.text-center
a(href="/user/#{me.getSlugOrID()}/stats" data-i18n="nav.stats") Stats
.col-xs-4.text-center
a.disabled(data-i18n="nav.code") Code
li.user-dropdown-footer
.pull-left
a.btn.btn-default.btn-flat(href="/account" data-i18n="nav.account") Account
.pull-right
button#logout-button.btn.btn-default.btn-flat(data-i18n="login.log_out") Log Out
li
a(href="/user/#{me.getSlugOrID()}" data-i18n="nav.profile")
li
a(href="/account/settings", data-i18n="play.settings")
li
a(href="/account/payments", data-i18n="account.payments")
li
a#logout-button(data-i18n="login.log_out")
else
button.btn.btn-sm.btn-primary.header-font.signup-button(data-i18n="login.sign_up")