codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2025-03-14 00:50:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

improve user page styling

Browse source
This commit is contained in:
Sam 2015-12-24 09:45:09 +11:00
parent f423869e03
commit 7ae1846834
4 changed files with 30 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/discourse/templates/user/user.hbs
View file

@ -148,7 +148,7 @@
{{/unless}}
</section>
<ul class="user-nav">
<ul class="nav nav-pills user-nav">
<li class='selected'>{{#link-to 'userActivity'}}{{i18n 'user.activity_stream'}}{{/link-to}}</li>
{{#if canSeeNotificationHistory}}
<li>

2
app/assets/stylesheets/common/admin/admin_base.scss
View file

@ -1533,7 +1533,7 @@ button.ru {
@media all
and (max-width : 850px) {
.nav-stacked {
html:not(.mobile-view) .nav-stacked {
.glyph {width: auto; position: relative;}
> li > a {padding: 13px}
}

33
app/assets/stylesheets/common/base/user.scss
View file

@ -133,32 +133,12 @@
}
.user-nav {
width: 100%;
padding: 0;
margin: 0;
li {
padding: 0;
a {
color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%));
padding: 5px;
min-width: 90px;
display: inline-block;
text-align: center;
border-bottom: 3px solid transparent;
}
a.active, a:hover {
color: $primary;
border-bottom: 3px solid dark-light-choose(scale-color($primary, $lightness: 20%), scale-color($secondary, $lightness: 20%));
}
display: inline-block;
text-decoration: none;
margin: 5px 0px;
.fa {
margin-right: 5px;
}
.fa.fa-comment {
margin-right: 2px;
}
margin: 5px 0px;
.fa {
margin-right: 5px;
}
.fa.fa-comment {
margin-right: 2px;
}
}
@ -168,3 +148,4 @@
margin-right: 10px;
}
}

21
app/assets/stylesheets/desktop/user.scss
View file

@ -653,3 +653,24 @@
}
}
.user-main .nav-stacked {
background-color: transparent;
> li {
border-bottom: none;
> a {
padding: 6px 6px 6px 30px;
color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%));
}
}
li > a.active {
color: $primary;
background-color: transparent;
}
li > a.active:after {
border-left-color: $primary;
}
}