diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss index 87cde17c10..42e31cf5d9 100644 --- a/lms/static/sass/_discussion.scss +++ b/lms/static/sass/_discussion.scss @@ -714,11 +714,11 @@ body.discussion { width: 20%; height: 100%; @include linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); - background-color: #dcdcdc; + background-color: $gray-l4; @include transition(all .2s ease-out); &:hover { - background-color: #e9e9e9; + background-color: $gray-l3; } } @@ -732,12 +732,13 @@ body.discussion { position: absolute; top: 30%; left: 30%; + color: $gray; font-size: 28px; z-index: 100; width: 25px; height: 25px; opacity: 1; - @include transition(none); + @include transition(all .2s ease-out); } } @@ -1000,9 +1001,9 @@ body.discussion { .sort-bar { height: auto; min-height: 27px; - border-bottom: 1px solid #a3a3a3; + border-bottom: 1px solid $gray-l3; @include linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0)); - background-color: #aaaaaa; + background-color: $gray-l2; box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset; span, @@ -1010,7 +1011,7 @@ body.discussion { font-size: 9px; font-weight: bold; line-height: 25px; - color: #333; + color: $gray-d3; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, .4); } @@ -1031,18 +1032,18 @@ body.discussion { height: 18px; padding: 0 9px; border-radius: 19px; - color: #333; + color: $gray-d3; line-height: 17px; &:hover { @include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, .2)); - color: #333; + color: $gray-d3; } &.active { @include linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); background-color: #999; - color: #fff; + color: $white; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, .2) inset; } @@ -1289,7 +1290,6 @@ body.discussion { section { border-bottom: 1px solid #ccc; - margin: $baseline $baseline $baseline 0; } .label { @@ -1297,6 +1297,11 @@ body.discussion { font-size: 12px; } + .label-settings { + padding-top: $baseline; + padding-bottom: $baseline/2; + } + .home-header { margin: 0; } @@ -1312,6 +1317,7 @@ body.discussion { margin-bottom: $baseline/2; } .home-stats { + padding: $baseline 0; .label-area { display: inline-block; @@ -1326,7 +1332,8 @@ body.discussion { .stats-grouping { display: inline-block; - width: 65%; + width: 70%; + padding-left: $baseline; .profile-stat { display: inline-block; @@ -1338,6 +1345,11 @@ body.discussion { display: inline-block; font-size: 28px; padding: 0 $baseline/2; + vertical-align: middle; + } + + .profile-stat-label{ + vertical-align: middle; } } } @@ -1361,17 +1373,18 @@ body.discussion { border-bottom: 1px solid #b2b2b2; .row-title { - padding: $baseline; + padding: 30px $baseline; display: inline-block; width: 15%; - background-color: $light-gray; + background-color: $gray-l4; font-size: 12px; } .row-item-full, .row-item { display: inline-block; font-size: 12px; - width: 25%; + padding-left: $baseline/2; + width: 23%; vertical-align: middle; .icon { @@ -1381,6 +1394,14 @@ body.discussion { vertical-align: middle; } + .icon-stack i { + padding: 0 $baseline/2; + } + + .row-setting { + padding-left: $baseline; + } + .row-description { display: inline-block; width: 70%; @@ -1392,7 +1413,8 @@ body.discussion { width: 70%; .row-description { - width: 90%; + width: 80%; + padding-left: 15px; } } } diff --git a/lms/templates/discussion/_filter_dropdown.html b/lms/templates/discussion/_filter_dropdown.html index 2781243db7..29d846b1fd 100644 --- a/lms/templates/discussion/_filter_dropdown.html +++ b/lms/templates/discussion/_filter_dropdown.html @@ -43,7 +43,7 @@ %endif
  • - Following + Posts I'm Following
  • ${render_dropdown(category_map)} diff --git a/lms/templates/discussion/index.html b/lms/templates/discussion/index.html index eddd6dda14..a47375ef16 100644 --- a/lms/templates/discussion/index.html +++ b/lms/templates/discussion/index.html @@ -36,12 +36,21 @@ Your profile Name
    -
    5POSTS
    -
    12 COMMENTS
    -
    9 POSTS I FOLLOW
    +
    + 5 + POSTS +
    +
    + 12 + COMMENTS +
    +
    + 9 + FOLLOWING +
    - HOW TO USE EDX DISCUSSIONS + HOW TO USE EDX DISCUSSIONS