From cf92f356c01a5e91dac650710359801725cb31d7 Mon Sep 17 00:00:00 2001 From: Brittany Cheng Date: Tue, 31 Jul 2012 12:03:45 -0400 Subject: [PATCH] edit styles for tags, discussion votes, etc --- lms/static/coffee/src/discussion.coffee | 4 +-- lms/static/sass/_discussion.scss | 33 ++++++++++++++++++++----- 2 files changed, 29 insertions(+), 8 deletions(-) diff --git a/lms/static/coffee/src/discussion.coffee b/lms/static/coffee/src/discussion.coffee index b6e6fde211..3a76d8a060 100644 --- a/lms/static/coffee/src/discussion.coffee +++ b/lms/static/coffee/src/discussion.coffee @@ -169,9 +169,9 @@ Discussion = autocomplete: remoteDataType: 'json' interactive: true - defaultText: "add a tag" + defaultText: "Tag your post" height: "30px" - width: "83.5%" + width: "85%" removeWithBackspace: true bindContentEvents: (content) -> diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss index 7135e770b3..35e09ce8b6 100644 --- a/lms/static/sass/_discussion.scss +++ b/lms/static/sass/_discussion.scss @@ -74,8 +74,8 @@ $discussion_input_width: 85%; } } .discussion-votes { - margin-right: 8px; - margin-top: 5px; + margin-right: 4%; + margin-top: 2%; text-align: center; height: flex-grid(3); float: left; @@ -102,7 +102,7 @@ $discussion_input_width: 85%; .discussion-right-wrapper { min-height: 40px; float: left; - width: 70%; + width: 85%; } .new-post-form, .discussion-thread-edit { .title-input, .body-input { @@ -111,17 +111,38 @@ $discussion_input_width: 85%; width: $discussion_input_width !important; } .discussion-errors { - color: red; + display: block; + color: #8F0E0E; + margin-left: -5%; } .new-post-body { - margin-top: 10px; + margin-top: flex-gutter(); } - .control-button { + .tagsinput { + margin-top: flex-gutter(); + background: #FAFAFA; + border: 1px solid #C8C8C8; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.1); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + vertical-align: top; + -webkit-font-smoothing: antialiased; + } + .control-button { @include discussion-font; color: #1d9dd9; display: block; margin-top: 10px; font-weight: bold; + margin-left: flex-grid(9); } } .discussion-content-edit, .discussion-reply-new {