nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

get a little responsive in our css [ci skip]

Browse source
This commit is contained in:
danielgrippi 2012-05-12 22:04:12 -07:00
parent 4fc44f137f
commit 31049fe1c4
3 changed files with 45 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/new_styles/_base.scss
View file

@ -1,5 +1,6 @@
body { body {
background-image : image_url("pattern.png"); background-image : image_url("pattern.png");
padding : none !important;
} }
/* new link color */ /* new link color */

27
app/assets/stylesheets/new_styles/_canvas.scss
View file

@ -1,7 +1,5 @@
@mixin wide() { @mixin wide() {
width : $two-column-width + px; width : $two-column-width + px;
min-width : $two-column-width + px;
max-width : $two-column-width + px;
} }
.no-post-message { .no-post-message {
text-align: center; text-align: center;
@ -14,6 +12,8 @@
margin : 10px; margin : 10px;
margin-bottom : 18px; margin-bottom : 18px;
max-width : 100%;
/* expand / contract cursor declarations */ /* expand / contract cursor declarations */
&.x2 .content { &.x2 .content {
cursor : nw-resize; cursor : nw-resize;
@ -57,8 +57,7 @@
background-color : #fff; background-color : #fff;
width : $column-width + px; width : $column-width + px;
min-width : $column-width + px; max-width : 100%;
max-width : $column-width + px;
overflow : hidden; overflow : hidden;
@ -338,3 +337,23 @@
} }
} }
} }
/* canvas responsive */
@media (max-width: 767px) {
body {
padding : 0;
}
.canvas-frame {
width : 100%;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
.content {
margin : 0 20px;
width : auto !important;
}
}
}

21
app/assets/stylesheets/new_styles/_profile.scss
View file

@ -210,4 +210,25 @@
width : $two-column-width + px; width : $two-column-width + px;
text-align : center; text-align : center;
} }
}
/* canvas responsive */
@media (max-width: 767px) {
.profile-image-container {
height : 100px;
width : 100px;
border-width : 2px;
}
#profile-controls {
display : none;
}
#profile-header {
padding-bottom : 20px;
}
#wallpaper-upload {
display : none;
}
} }