Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adjust css for user page to work at mobile sizes 

Style user page for mobile sizes

Remove guard

Bundle without guard

Remove guardfile
This commit is contained in:
Tiffany Green 2013-09-28 15:50:13 -05:00
parent ab774fa589
commit 4d9dba6d27
1 changed files with 18 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
app/assets/stylesheets/mobile/user.css.scss
View File

@ -60,7 +60,6 @@
} }
#user-info { #user-info {
width: 240px;
margin-right: 20px; margin-right: 20px;
float: left; float: left;
.summary { .summary {
@ -122,8 +121,20 @@
height: 150px; height: 150px;
} }
} }
.nav-stacked {
> li {
display: inline-block;
> a {
padding: 7px;
}
}
.icon-chevron-right {
padding-left: 7px;
}
}
.side-nav { .side-nav {
margin-top: 5px; margin: 0 5px;
max-width: 100%;
} }
} }
@ -151,10 +162,10 @@
span { span {
font-size: 18px; font-size: 18px;
color: #676b6c; color: #676b6c;
margin-left: 15px;
font-weight: lighter; font-weight: lighter;
position: relative; position: relative;
top: -4px; top: 5px;
display: block;
.icon { .icon {
margin-left: 5px; margin-left: 5px;
font-size: 14px; font-size: 14px;
@ -173,8 +184,8 @@
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
.nav { .nav {
float: right; float: left;
margin: 5px 0 14px 5px; margin: 5px 0 10px 147px;
} }
} }
@ -186,9 +197,7 @@
padding: 6px; padding: 6px;
@include border-radius-all(4px); @include border-radius-all(4px);
float: left; float: left;
width: 936px; margin: 0 5px 0 20px;
height: 57px;
margin-left: 150px;
background-color: white; background-color: white;
@include box-shadow((0 1px 2px rgba($black, 0.07), inset 0 -4px 4px -4px rgba($black, 0.14))); @include box-shadow((0 1px 2px rgba($black, 0.07), inset 0 -4px 4px -4px rgba($black, 0.14)));
&:before, &:before,
@ -217,16 +226,6 @@
color: lighten(#000, 70%); color: lighten(#000, 70%);
} }
} }
@include medium-width {
.about-me {
width: 821px;
}
}
@include small-width {
.about-me {
width: 776px;
}
}
} }
.user-heading { .user-heading {
@ -238,7 +237,6 @@
} }
#user-activity { #user-activity {
width: 840px;
float: left; float: left;
margin-bottom: 50px; margin-bottom: 50px;
@ -313,17 +311,6 @@
} }
} }
@include medium-width {
#user-activity {
width: 725px;
}
}
@include small-width {
#user-activity {
width: 680px;
}
}
.avatar-selector { .avatar-selector {
label { label {
display: inline-block; display: inline-block;