diff --git a/lms/static/images/staff-icons.png b/lms/static/images/staff-icons.png new file mode 100644 index 0000000000..7efb9a8cd1 Binary files /dev/null and b/lms/static/images/staff-icons.png differ diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss index 110dd9b11a..3c914d42db 100644 --- a/lms/static/sass/_discussion.scss +++ b/lms/static/sass/_discussion.scss @@ -906,7 +906,7 @@ body.discussion { position: relative; display: block; height: 36px; - padding: 0 10px; + padding: 0 10px 0 18px; margin-bottom: 1px; margin-right: -1px; @include linear-gradient(top, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); @@ -917,6 +917,35 @@ body.discussion { background-color: #eee; } + &.staff-post.staff-response { + .staff-post-icon { + top: 5px; + } + + .staff-response-icon { + top: 18px; + } + } + + .staff-post-icon, + .staff-response-icon { + position: absolute; + top: 11px; + left: 3px; + width: 13px; + height: 13px; + background: url(../images/staff-icons.png) no-repeat; + } + + .staff-post-icon { + left: 2px; + background-position: 0 0; + } + + .staff-response-icon { + background-position: -13px 0; + } + .title { font-size: 13px; font-weight: 700; @@ -958,6 +987,14 @@ body.discussion { color: #333; } + .staff-post-icon { + background-position: 0 -13px; + } + + .staff-response-icon { + background-position: -13px -13px; + } + .votes-count, .comments-count { @include linear-gradient(top, #3994c7, #4da7d3);