Fixed sidebar and question list layout in smaller resolutions

This commit is contained in:
Reda Lemeden
2012-02-29 10:50:19 -05:00
parent d7fff54080
commit 8bb11c52af
3 changed files with 21 additions and 6 deletions

View File

@@ -39,6 +39,7 @@ body.askbot {
div.discussion-content {
@include box-sizing(border-box);
display: table-cell;
min-width: 650px;
padding: lh();
vertical-align: top;
width: flex-grid(9) + flex-gutter();

View File

@@ -87,11 +87,13 @@ div.question-list-header {
}
ul.tags li {
background: #fff;
ul.tags {
li {
background: #fff;
&:before {
border-color: transparent #fff transparent transparent;
&:before {
border-color: transparent #fff transparent transparent;
}
}
}
}
@@ -145,6 +147,7 @@ ul.question-list, div#question-list {
div.user-info {
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
span.relative-time {
font-weight: normal;

View File

@@ -7,6 +7,10 @@ div.discussion-wrapper aside {
padding: lh();
width: flex-grid(3);
&.main-sidebar {
min-width:200px;
}
h1 {
@extend .bottom-border;
margin: (-(lh())) (-(lh())) 0;
@@ -26,8 +30,15 @@ div.discussion-wrapper aside {
box-shadow: none;
}
input[type="text"] {
width: 76%;
div.inputs {
input[type="submit"] {
width: 27%;
float: right;
}
input[type="text"] {
width: 62%;
}
}
div.box {