codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-12-17 19:12:37 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adjust css for user page to work at mobile sizes

Browse source 
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;