From b8dcbaf36c13db9f0f86ec1a048f2bbde963d87e Mon Sep 17 00:00:00 2001 From: Reda Lemeden Date: Mon, 20 Feb 2012 11:37:39 -0500 Subject: [PATCH] Fixed visual bugs on the main question list + restyled author info in answer view --- sass/discussion/_answers.scss | 9 ++-- sass/discussion/_askbot-original.scss | 74 +++++++++++++-------------- sass/discussion/_discussion.scss | 19 ++++--- sass/discussion/_forms.scss | 13 ++++- sass/discussion/_question-view.scss | 23 +-------- sass/discussion/_questions.scss | 12 ++++- 6 files changed, 76 insertions(+), 74 deletions(-) diff --git a/sass/discussion/_answers.scss b/sass/discussion/_answers.scss index 88965db304..9907e74777 100644 --- a/sass/discussion/_answers.scss +++ b/sass/discussion/_answers.scss @@ -17,7 +17,7 @@ div.answer-controls { nav { @extend .action-link; float: right; - margin-top: 25px; + margin-top: 34px; a { &.on span{ @@ -27,7 +27,7 @@ div.answer-controls { &:before { content: '|'; color: darken(#F6EFD4, 10%); - font-size: 22px; + font-size: 16px; } } } @@ -111,14 +111,13 @@ div.answer-own { } div.answer-actions { - border-left: 3px solid darken(#F6EFD4, 10%); margin: 0; padding:8px 8px 8px 0; text-align: right; - background:lighten(#F6EFD4, 5%); + border-top: 1px solid #efefef; span.sep { - color: #ddd; + color: #EDDFAA; } a { diff --git a/sass/discussion/_askbot-original.scss b/sass/discussion/_askbot-original.scss index 0e6b761181..ead9508c0e 100644 --- a/sass/discussion/_askbot-original.scss +++ b/sass/discussion/_askbot-original.scss @@ -1037,44 +1037,44 @@ body.anon #searchbar { // border: #cce6ec 3px solid; // width: 725px; } } -.ask-page div#question-list, .edit-question-page div#question-list { - float: none; - border-bottom: #f0f0ec 1px solid; - float: left; - margin-bottom: 10px; } +// .ask-page div#question-list, .edit-question-page div#question-list { +// float: none; +// border-bottom: #f0f0ec 1px solid; +// float: left; +// margin-bottom: 10px; } -.ask-page div#question-list a, .edit-question-page div#question-list a { - line-height: 30px; } +// .ask-page div#question-list a, .edit-question-page div#question-list a { +// line-height: 30px; } -.ask-page div#question-list h2, .edit-question-page div#question-list h2 { - font-size: 13px; - padding-bottom: 0; - color: #1b79bd; - border-top: #f0f0ec 1px solid; - border-left: #f0f0ec 1px solid; - height: 30px; - line-height: 30px; - font-weight: normal; } +// .ask-page div#question-list h2, .edit-question-page div#question-list h2 { +// font-size: 13px; +// padding-bottom: 0; +// color: #1b79bd; +// border-top: #f0f0ec 1px solid; +// border-left: #f0f0ec 1px solid; +// height: 30px; +// line-height: 30px; +// font-weight: normal; } -.ask-page div#question-list span, .edit-question-page div#question-list span { - width: 28px; - height: 26px; - line-height: 26px; - text-align: center; - margin-right: 10px; - float: left; - display: block; - color: #fff; - background: #b8d0d5; - border-radius: 3px; - -ms-border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - -khtml-border-radius: 3px; } +// .ask-page div#question-list span, .edit-question-page div#question-list span { +// width: 28px; +// height: 26px; +// line-height: 26px; +// text-align: center; +// margin-right: 10px; +// float: left; +// display: block; +// color: #fff; +// background: #b8d0d5; +// border-radius: 3px; +// -ms-border-radius: 3px; +// -moz-border-radius: 3px; +// -webkit-border-radius: 3px; +// -khtml-border-radius: 3px; } -.ask-page label, .edit-question-page label { - color: #525252; - font-size: 13px; } +// .ask-page label, .edit-question-page label { +// color: #525252; +// font-size: 13px; } // .ask-page #id_tags, .edit-question-page #id_tags { // border: #cce6ec 3px solid; @@ -1083,9 +1083,9 @@ body.anon #searchbar { // width: 395px; // font-size: 14px; } -.title-desc { - color: #707070; - font-size: 13px; } +// .title-desc { +// color: #707070; +// font-size: 13px; } // #fmanswer input.submit, .ask-page input.submit, .edit-question-page input.submit { // float: left; diff --git a/sass/discussion/_discussion.scss b/sass/discussion/_discussion.scss index effb9a22ec..bba34d7ff3 100644 --- a/sass/discussion/_discussion.scss +++ b/sass/discussion/_discussion.scss @@ -43,14 +43,17 @@ body.askbot { vertical-align: top; width: flex-grid(9) + flex-gutter(); - p.tabula-rasa { + .tabula-rasa { + @extend .light-button; @include border-radius(5px); - background-color: #f6f6f6; - color: #888; + display: block; margin: 10px auto; padding: 20px; text-align: center; width: flex-grid(5); + text-decoration: none; + color: #888; + font-weight: bold; &:first-child { margin-top: 70px; @@ -59,11 +62,11 @@ body.askbot { margin-bottom: 70px; } - a { - text-decoration: none; - color: #888; - font-weight: bold; - } + // span, a { + // text-decoration: none; + // color: #888; + // font-weight: bold; + // } } } } diff --git a/sass/discussion/_forms.scss b/sass/discussion/_forms.scss index e8fcd22193..d31144e8f5 100644 --- a/sass/discussion/_forms.scss +++ b/sass/discussion/_forms.scss @@ -19,11 +19,21 @@ form.answer-form { display: block; margin-bottom: -5px; } + + .title-desc { + @include box-sizing(border-box); + background: #333; + color: #fff; + font-size: 13px; + padding: 5px 10px; + width: flex-grid(6); + -webkit-font-smoothing: antialiased; + } } span.form-error, label.form-error { color: #990000; - display: inline; + display: inline-block; font-size: 90%; font-weight: bold; padding: 10px 0; @@ -78,6 +88,7 @@ form.question-form { } input[type="text"] { + @include box-sizing(border-box); width: flex-grid(6); } diff --git a/sass/discussion/_question-view.scss b/sass/discussion/_question-view.scss index bdc2b3f980..eb3eabad2c 100644 --- a/sass/discussion/_question-view.scss +++ b/sass/discussion/_question-view.scss @@ -100,12 +100,10 @@ div.question-header { display: inline-block; float: left; width: flex-grid(1.8,8); + border-left: 1px dotted #CCC; div.post-update-info { @include box-sizing(border-box); - // @include border-radius(5px); - // background:lighten(#F6EFD4, 5%); - border-left: 3px solid darken(#F6EFD4, 10%); padding: 10px; margin-bottom: 10px; @@ -131,20 +129,6 @@ div.question-header { margin-bottom: 2px; } - // div.avatar { - // display: inline-block; - // float: left; - // margin-right: 3px; - - // img.gravatar { - // background: white; - // border: 1px solid darken(#F6EFD4, 10%); - // margin-right: 5px; - // padding: 3px ; - // vertical-align: bottom; - // } - // } - div.user-meta { display: inline-block; @@ -163,10 +147,8 @@ div.question-header { div.comments-container { @include box-sizing(border-box); - // background: lighten(#efefef, 3%); padding: 3%; display: inline-block; - // margin: 15px 0 0; padding: 3%; width: 100%; @@ -182,9 +164,6 @@ div.question-header { &:first-child { border-top: 0; } - // &:last-child { - // border-bottom: 1px solid #ddd; - // } } form.post-comments { diff --git a/sass/discussion/_questions.scss b/sass/discussion/_questions.scss index 526d03a98d..093a8e95ea 100644 --- a/sass/discussion/_questions.scss +++ b/sass/discussion/_questions.scss @@ -30,6 +30,7 @@ div.question-list-header { div.question-sort { float: right; margin-left: flex-gutter(); + margin-top: 10px; nav { @extend .action-link; @@ -43,7 +44,7 @@ div.question-list-header { &:before { content: '|'; color: darken(#F6EFD4, 10%); - font-size: 22px; + font-size: 16px; } } } @@ -173,6 +174,15 @@ ul.question-list, div#question-list { } } + + div.post-own-question { + border-top: 1px solid #efefef; + padding: 10px; + + a { + font-weight: bold; + } + } } .search-result-summary {