Commit 75079219 by Your Name

merge with Marcos new design

parents 13ca61ba 77a23a37
...@@ -275,9 +275,9 @@ body.discussion { ...@@ -275,9 +275,9 @@ body.discussion {
} }
.edit-post-form { .edit-post-form {
width: 100%;
margin-bottom: $baseline*2;
@include clearfix; @include clearfix;
margin-bottom: $baseline*2;
width: 100%;
@include box-sizing(border-box); @include box-sizing(border-box);
h1 { h1 {
...@@ -297,9 +297,9 @@ body.discussion { ...@@ -297,9 +297,9 @@ body.discussion {
.post-update { .post-update {
@include blue-button; @include blue-button;
float: left; float: left;
height: 37px;
margin-top: $baseline/2; margin-top: $baseline/2;
padding-bottom: 2px; padding-bottom: 2px;
height: 37px;
&:hover { &:hover {
border-color: #222; border-color: #222;
...@@ -307,28 +307,28 @@ body.discussion { ...@@ -307,28 +307,28 @@ body.discussion {
} }
.edit-post-title, .edit-post-tags { .edit-post-title, .edit-post-tags {
@include box-sizing(border-box);
padding: 0 $baseline/2;
width: 100%; width: 100%;
height: 40px; height: 40px;
padding: 0 $baseline/2;
@include box-sizing(border-box);
border-radius: 3px;
border: 1px solid #aaa; border: 1px solid #aaa;
border-radius: 3px;
box-shadow: 0 1px 3px $black-t0 inset;
color: #333;
font-size: 16px; font-size: 16px;
font-family: $sans-serif; font-family: $sans-serif;
color: #333;
box-shadow: 0 1px 3px $black-t0 inset;
} }
.tagsinput { .tagsinput {
padding: $baseline/2;
@include box-sizing(border-box); @include box-sizing(border-box);
padding: $baseline/2;
border: 1px solid #aaa; border: 1px solid #aaa;
border-radius: 3px; border-radius: 3px;
background: $white; background: $white;
font-family: 'Monaco', monospace; box-shadow: 0 1px 3px $black-t1 inset;
font-size: 13px; font-size: 13px;
font-family: 'Monaco', monospace;
line-height: 1.6; line-height: 1.6;
box-shadow: 0 1px 3px $black-t1 inset;
span.tag { span.tag {
margin-bottom: 0; margin-bottom: 0;
...@@ -337,13 +337,13 @@ body.discussion { ...@@ -337,13 +337,13 @@ body.discussion {
} }
.new-post-form { .new-post-form {
width: 100%; @include clearfix;
margin-bottom: $baseline; margin-bottom: $baseline;
width: 100%;
border-radius: 3px; border-radius: 3px;
background: rgba(0, 0, 0, .55); background: rgba(0, 0, 0, .55);
color: $white;
box-shadow: 0 1px 2px $black-t2 inset, 0 1px 0 $white-t2; box-shadow: 0 1px 2px $black-t2 inset, 0 1px 0 $white-t2;
@include clearfix; color: $white;
.form-row { .form-row {
margin-bottom: $baseline; margin-bottom: $baseline;
...@@ -351,31 +351,31 @@ body.discussion { ...@@ -351,31 +351,31 @@ body.discussion {
.new-post-body .wmd-input { .new-post-body .wmd-input {
@include discussion-wmd-input; @include discussion-wmd-input;
@include box-sizing(border-box);
position: relative; position: relative;
width: 100%;
height: 200px;
z-index: 1; z-index: 1;
padding: $baseline/2; padding: $baseline/2;
@include box-sizing(border-box); width: 100%;
height: 200px;
border: 1px solid #333; border: 1px solid #333;
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
background: $white; background: $white;
font-family: 'Monaco', monospace; box-shadow: 0 1px 3px $black-t1 inset;
font-size: 13px; font-size: 13px;
font-family: 'Monaco', monospace;
line-height: 1.6; line-height: 1.6;
box-shadow: 0 1px 3px $black-t1 inset;
} }
.tagsinput { .tagsinput {
padding: $baseline/2;
@include box-sizing(border-box); @include box-sizing(border-box);
padding: $baseline/2;
border: 1px solid #333; border: 1px solid #333;
border-radius: 3px; border-radius: 3px;
background: $white; background: $white;
font-family: 'Monaco', monospace; box-shadow: 0 1px 3px $black-t1 inset;
font-size: 13px; font-size: 13px;
font-family: 'Monaco', monospace;
line-height: 1.6; line-height: 1.6;
box-shadow: 0 1px 3px $black-t1 inset;
span.tag { span.tag {
margin-bottom: 0; margin-bottom: 0;
...@@ -384,40 +384,40 @@ body.discussion { ...@@ -384,40 +384,40 @@ body.discussion {
.new-post-body .wmd-preview { .new-post-body .wmd-preview {
@include discussion-wmd-preview; @include discussion-wmd-preview;
@include box-sizing(border-box);
position: relative; position: relative;
width: 100%;
//height: 50px;
margin-top: -1px; margin-top: -1px;
padding: 25px $baseline $baseline/2 $baseline; padding: 25px $baseline $baseline/2 $baseline;
@include box-sizing(border-box); width: 100%;
border: 1px solid #333; border: 1px solid #333;
border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
background: #e6e6e6; background: #e6e6e6;
color: #333;
box-shadow: 0 1px 3px $black-t1 inset; box-shadow: 0 1px 3px $black-t1 inset;
color: #333;
//height: 50px;
} }
.new-post-preview-label { .new-post-preview-label {
position: absolute; position: absolute;
top: 4px; top: 4px;
left: 4px; left: 4px;
font-size: 11px;
color: #aaa; color: #aaa;
text-transform: uppercase; text-transform: uppercase;
font-size: 11px;
} }
.new-post-title, .new-post-title,
.new-post-tags { .new-post-tags {
@include box-sizing(border-box);
padding: 0 $baseline/2;
width: 100%; width: 100%;
height: 40px; height: 40px;
padding: 0 $baseline/2;
@include box-sizing(border-box);
border-radius: 3px;
border: 1px solid #333; border: 1px solid #333;
border-radius: 3px;
box-shadow: 0 1px 3px $black-t1 inset;
color: #333;
font-size: 16px; font-size: 16px;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
color: #333;
box-shadow: 0 1px 3px $black-t1 inset;
} }
.new-post-title { .new-post-title {
...@@ -427,9 +427,9 @@ body.discussion { ...@@ -427,9 +427,9 @@ body.discussion {
.submit { .submit {
@include blue-button; @include blue-button;
float: left; float: left;
height: 37px;
margin-top: $baseline/2; margin-top: $baseline/2;
padding-bottom: 2px; padding-bottom: 2px;
height: 37px;
border-color: #333; border-color: #333;
&:hover { &:hover {
...@@ -439,9 +439,9 @@ body.discussion { ...@@ -439,9 +439,9 @@ body.discussion {
.new-post-cancel { .new-post-cancel {
@include white-button; @include white-button;
border-color: #444;
float: left; float: left;
margin: $baseline/2 0 0 15px; margin: $baseline/2 0 0 15px;
border-color: #444;
} }
.options { .options {
...@@ -450,9 +450,9 @@ body.discussion { ...@@ -450,9 +450,9 @@ body.discussion {
label { label {
display: inline; display: inline;
margin-left: 8px; margin-left: 8px;
font-size: 15px;
color: $white; color: $white;
text-shadow: none; text-shadow: none;
font-size: 15px;
} }
} }
} }
...@@ -466,19 +466,19 @@ body.discussion { ...@@ -466,19 +466,19 @@ body.discussion {
.thread-tag { .thread-tag {
margin-right: 5px; margin-right: 5px;
padding: 3px $baseline/2 6px; padding: 3px $baseline/2 6px;
border: 1px solid #90c4d7;
border-radius: 3px; border-radius: 3px;
color: #333;
background: #c5eeff; background: #c5eeff;
border: 1px solid #90c4d7; color: #333;
font-size: 13px; font-size: 13px;
} }
.thread-title { .thread-title {
display: block; display: block;
margin-bottom: $baseline; margin-bottom: $baseline;
font-size: 21px;
color: #333; color: #333;
font-weight: 700; font-weight: 700;
font-size: 21px;
} }
...@@ -498,14 +498,14 @@ body.discussion { ...@@ -498,14 +498,14 @@ body.discussion {
} }
.sidebar-username { .sidebar-username {
font-size: 18px;
font-weight: 700; font-weight: 700;
font-size: 18px;
} }
.sidebar-user-roles { .sidebar-user-roles {
margin-top: 6px; margin-top: 6px;
font-size: 13px;
font-style: italic; font-style: italic;
font-size: 13px;
} }
.sidebar-threads-count { .sidebar-threads-count {
...@@ -519,8 +519,8 @@ body.discussion { ...@@ -519,8 +519,8 @@ body.discussion {
.sidebar-toggle-moderator-button { .sidebar-toggle-moderator-button {
@include blue-button; @include blue-button;
text-align: center;
margin-top: $baseline; margin-top: $baseline;
text-align: center;
} }
} }
...@@ -528,8 +528,8 @@ body.discussion { ...@@ -528,8 +528,8 @@ body.discussion {
.wmd-panel { .wmd-panel {
width: 100%;
min-width: 500px; min-width: 500px;
width: 100%;
} }
.wmd-button-bar { .wmd-button-bar {
...@@ -538,15 +538,15 @@ body.discussion { ...@@ -538,15 +538,15 @@ body.discussion {
} }
.wmd-input { .wmd-input {
height: 150px;
width: 100%; width: 100%;
background-color: #e9e9e9; height: 150px;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
font-family: Monaco, 'Lucida Console', monospace; border-radius: 3px 3px 0 0;
background-color: #e9e9e9;
font-style: normal; font-style: normal;
font-size: 0.8em; font-size: 0.8em;
font-family: Monaco, 'Lucida Console', monospace;
line-height: 1.6em; line-height: 1.6em;
border-radius: 3px 3px 0 0;
&::-webkit-input-placeholder { &::-webkit-input-placeholder {
color: #888; color: #888;
...@@ -554,16 +554,16 @@ body.discussion { ...@@ -554,16 +554,16 @@ body.discussion {
} }
.wmd-preview { .wmd-preview {
@include box-sizing(border-box);
@include transition(all .2s ease-out 0s);
position: relative; position: relative;
font-family: $sans-serif; overflow: hidden;
padding: 25px $baseline $baseline/2 $baseline;
margin-bottom: 5px; margin-bottom: 5px;
@include box-sizing(border-box); padding: 25px $baseline $baseline/2 $baseline;
border: 1px solid #c8c8c8; border: 1px solid #c8c8c8;
border-top-width: 0; border-top-width: 0;
border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
overflow: hidden; font-family: $sans-serif;
@include transition(all .2s ease-out 0s);
&:before { &:before {
content: 'PREVIEW'; content: 'PREVIEW';
...@@ -581,46 +581,46 @@ body.discussion { ...@@ -581,46 +581,46 @@ body.discussion {
} }
.wmd-button-row { .wmd-button-row {
@include transition(all .2s ease-out 0s);
position: relative; position: relative;
margin-left: 5px; overflow: hidden;
margin-top: $baseline/2;
margin-right: 5px; margin-right: 5px;
margin-bottom: 5px; margin-bottom: 5px;
margin-top: $baseline/2; margin-left: 5px;
padding: 0px; padding: 0px;
height: 20px; height: 20px;
overflow: hidden;
@include transition(all .2s ease-out 0s);
} }
.wmd-spacer { .wmd-spacer {
width: 1px;
height: 20px;
margin-left: 14px;
position: absolute; position: absolute;
background-color: Silver;
display: inline-block; display: inline-block;
margin-left: 14px;
width: 1px;
height: 20px;
background-color: Silver;
list-style: none; list-style: none;
} }
.wmd-button { .wmd-button {
width: 20px;
height: 20px;
padding-left: 2px;
padding-right: 3px;
position: absolute; position: absolute;
display: inline-block; display: inline-block;
padding-right: 3px;
padding-left: 2px;
width: 20px;
height: 20px;
list-style: none; list-style: none;
cursor: pointer; cursor: pointer;
} }
.wmd-button > span { .wmd-button > span {
display: inline-block; display: inline-block;
background-image: url('/static/images/wmd-buttons.png');
background-repeat: no-repeat;
background-position: 0px 0px;
width: 20px; width: 20px;
height: 20px; height: 20px;
background-image: url('/static/images/wmd-buttons.png');
background-position: 0px 0px;
background-repeat: no-repeat;
} }
.wmd-spacer1 { .wmd-spacer1 {
...@@ -662,8 +662,8 @@ body.discussion { ...@@ -662,8 +662,8 @@ body.discussion {
> form > input[type="button"] { > form > input[type="button"] {
border: 1px solid #888; border: 1px solid #888;
font-family: $sans-serif;
font-size: 14px; font-size: 14px;
font-family: $sans-serif;
} }
> form > input[type="file"] { > form > input[type="file"] {
...@@ -681,15 +681,15 @@ body.discussion { ...@@ -681,15 +681,15 @@ body.discussion {
@include clearfix; @include clearfix;
.sidebar { .sidebar {
float: left;
@include box-sizing(border-box); @include box-sizing(border-box);
float: left;
width: 31%; width: 31%;
height: 550px; height: 550px;
border: 1px solid #aaa; border: 1px solid #aaa;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
background: #f6f6f6;
border-radius: 3px;
border-right: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc;
border-radius: 3px;
background: #f6f6f6;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
&.fixed { &.fixed {
@include box-sizing(border-box); @include box-sizing(border-box);
...@@ -701,8 +701,8 @@ body.discussion { ...@@ -701,8 +701,8 @@ body.discussion {
} }
.browse-search { .browse-search {
display: block;
position: relative; position: relative;
display: block;
height: 60px; height: 60px;
border-bottom: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3;
border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;
...@@ -710,35 +710,41 @@ body.discussion { ...@@ -710,35 +710,41 @@ body.discussion {
.home, .browse, .home, .browse,
.search { .search {
@include linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
@include transition(all .2s ease-out);
position: relative; position: relative;
float: left; float: left;
width: 20%; width: 20%;
height: 100%; height: 100%;
@include linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
background-color: $gray-l4; background-color: $gray-l4;
@include transition(all .2s ease-out);
&:hover { &:hover {
background-color: $gray-l3; background-color: $white;
} }
} }
.icon {
@include transition(all .2s ease-out);
z-index: 100;
display: inline-block;
width: 100%;
color: $gray-l2;
text-align: center;
font-size: 28px;
line-height: 60px;
opacity: 1;
}
.home { .home {
border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;
box-shadow: -1px 0 0 #aaa inset; box-shadow: -1px 0 0 #aaa inset;
cursor: pointer; cursor: pointer;
}
.home-icon { .home-icon {
display: block; width: 100%;
position: absolute; height: 100%;
top: 30%; display: block;
left: 30%;
color: $gray-l1;
font-size: 28px;
z-index: 100;
opacity: 1;
@include transition(all .2s ease-out);
}
} }
.browse { .browse {
...@@ -812,18 +818,18 @@ body.discussion { ...@@ -812,18 +818,18 @@ body.discussion {
} }
.browse-topic-drop-btn { .browse-topic-drop-btn {
display: block; @include transition(none);
position: absolute; position: absolute;
padding-top: 10%;
top: -1px; top: -1px;
left: -1px; left: -1px;
z-index: 50; z-index: 50;
display: block;
overflow: hidden;
padding-top: 10%;
width: 100%; width: 100%;
height: 100%; height: 100%;
border: 1px solid transparent; border: 1px solid transparent;
text-align: center; text-align: center;
overflow: hidden;
@include transition(none);
.current-board { .current-board {
white-space: normal; white-space: normal;
...@@ -831,13 +837,19 @@ body.discussion { ...@@ -831,13 +837,19 @@ body.discussion {
} }
span { span {
font-size: 14px; @include transition(opacity .1s linear 0s);
font-weight: 400;
line-height: 1.2;
color: #333; color: #333;
text-shadow: 0 1px 0 $white-t3; text-shadow: 0 1px 0 $white-t3;
font-weight: 400;
font-size: 14px;
line-height: 1.2;
opacity: 0.0; opacity: 0.0;
@include transition(opacity .2s linear 0s); }
.drop-arrow {
font-size: 16px;
}
.drop-arrow {
font-size: 16px;
} }
.drop-arrow { .drop-arrow {
font-size: 16px; font-size: 16px;
...@@ -846,16 +858,9 @@ body.discussion { ...@@ -846,16 +858,9 @@ body.discussion {
.browse-topic-drop-icon { .browse-topic-drop-icon {
display: block; display: block;
position: absolute;
top: 21px;
left: 50%;
z-index: 100; z-index: 100;
width: 29px;
height: 16px;
margin-left: -12px;
background: url(../images/browse-icon.png) no-repeat;
opacity: 1.0; opacity: 1.0;
@include transition(none); @include transition(none);
} }
.browse-topic-drop-menu-wrapper { .browse-topic-drop-menu-wrapper {
...@@ -1367,15 +1372,14 @@ body.discussion { ...@@ -1367,15 +1372,14 @@ body.discussion {
.row-title { .row-title {
padding: 30px $baseline; padding: 30px $baseline;
//width: 15%; background-color: $gray-l6;
background-color: $gray-l4;
font-size: 12px; font-size: 12px;
} }
.row-item-full, .row-item { .row-item-full, .row-item {
font-size: 12px; font-size: 12px;
padding-left: $baseline/2; padding: 0px $baseline/2;
width: 30%; width: 26%;
vertical-align: middle; vertical-align: middle;
.icon { .icon {
...@@ -1396,14 +1400,25 @@ body.discussion { ...@@ -1396,14 +1400,25 @@ body.discussion {
} }
.row-item-full { .row-item-full {
.row-setting { .email-setting {
display: table-cell; display: inline-block;
text-align: center;
vertical-align: middle; vertical-align: middle;
margin-left: $baseline/2;
}
.icon {
display: inline-block;
}
.email-setting:checked ~ .icon {
color: $green;
} }
.row-description { .row-description {
padding-left: 15px; display: inline-block;
width:80%;
} }
} }
} }
...@@ -1422,14 +1437,14 @@ body.discussion { ...@@ -1422,14 +1437,14 @@ body.discussion {
.helpgrid-row-notification { .helpgrid-row-notification {
.icon-sign-blank {color: $green;} .icon-sign-blank {color: $green;}
.icon-envelope {color: $gray;} .icon-envelope {color: $light-gray;}
} }
.discussion-article { .discussion-article {
position: relative; position: relative;
padding: $baseline*2; padding: $baseline*2;
min-height: 468px; min-height: 468px;
a { a {
word-wrap: break-word; word-wrap: break-word;
} }
...@@ -2601,7 +2616,7 @@ body.discussion { ...@@ -2601,7 +2616,7 @@ body.discussion {
float:right; float:right;
padding-right: 5px; padding-right: 5px;
font-style: italic; font-style: italic;
cursor:pointer; cursor: pointer;
margin-right: $baseline/2; margin-right: $baseline/2;
opacity: 0.8; opacity: 0.8;
...@@ -2657,8 +2672,6 @@ body.discussion { ...@@ -2657,8 +2672,6 @@ body.discussion {
.notpinned span { .notpinned span {
color: #888; color: #888;
font-style: italic; font-style: italic;
//cursor change is here since pins are read-only for inline discussions.
cursor: default;
} }
.pinned-false .pinned-false
...@@ -2667,32 +2680,35 @@ display:none; ...@@ -2667,32 +2680,35 @@ display:none;
} }
.discussion-flag-abuse { .discussion-flag-abuse {
font-size: 12px; font-size: 12px;
float:right; float:right;
padding-right: 5px; padding-right: 5px;
font-style: italic; font-style: italic;
cursor:pointer; cursor:pointer;
opacity: 0.8; opacity: 0.8;
&:hover {
@include transition(opacity .2s linear 0s);
opacity: 1.0;
}
} &:hover {
@include transition(opacity .2s linear 0s);
opacity: 1.0;
}
}
.notflagged .icon { .notflagged .icon {
display: block; display: block;
color: $gray-l2;
float: left; float: left;
margin: 3px; margin: 3px;
width: 10px; width: 10px;
height: 14px; height: 14px;
padding-right: 3px; padding-right: 3px;
color: $gray-l2;
} }
.flagged .icon { .flagged .icon
display: block; {
display: block;
color: $gray-l2;
float: left; float: left;
margin: 3px; margin: 3px;
width: 10px; width: 10px;
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
%endif %endif
<li> <li>
<a href="#" class="drop-menu-meta-category"> <a href="#" class="drop-menu-meta-category">
<span class="board-name" data-discussion_id='#following'><i class="icon-star" style="padding-right:5px;"></i>Posts I'm Following</span> <span class="board-name" data-discussion_id='#following'><i class="icon-star" style="padding-right:5px;"></i>Posts I&#39;m Following</span>
</a> </a>
</li> </li>
${render_dropdown(category_map)} ${render_dropdown(category_map)}
......
...@@ -2,11 +2,13 @@ ...@@ -2,11 +2,13 @@
<div class="browse-search"> <div class="browse-search">
<div class="home"> <div class="home">
<a href="#" class="home-icon"> <a href="#" class="home-icon">
<i class="icon-home"></i> <i class="icon icon-home"></i>
</a> </a>
</div> </div>
<div class="browse is-open"> <div class="browse is-open">
<a href="#" class="browse-topic-drop-icon"></a> <a href="#" class="browse-topic-drop-icon">
<i class="icon icon-reorder"></i>
</a>
<a href="#" class="browse-topic-drop-btn"><span class="current-board">Show All Discussions</span> <span class="drop-arrow">▾</span></a> <a href="#" class="browse-topic-drop-btn"><span class="current-board">Show All Discussions</span> <span class="drop-arrow">▾</span></a>
</div> </div>
<%include file="_filter_dropdown.html" /> <%include file="_filter_dropdown.html" />
......
...@@ -47,18 +47,18 @@ ...@@ -47,18 +47,18 @@
</header> </header>
<div class="post-body">${'<%- body %>'}</div> <div class="post-body">${'<%- body %>'}</div>
<div class="discussion-flag-abuse notflagged" data-role="thread-flag" data-tooltip="Report Misuse"> <div class="discussion-flag-abuse notflagged" data-role="thread-flag" data-tooltip="Report Misuse">
<i class="icon icon-flag"></i><span class="flag-label">Report Misuse</span></div> <i class="icon icon-flag"></i><span class="flag-label">Report Misuse</span></div>
% if course and has_permission(user, 'openclose_thread', course.id): % if course and has_permission(user, 'openclose_thread', course.id):
<div class="admin-pin discussion-pin notpinned" data-role="thread-pin" data-tooltip="pin this thread"> <div class="admin-pin discussion-pin notpinned" data-role="thread-pin" data-tooltip="pin this thread">
<i class="icon icon-pushpin"></i><span class="pin-label">Pin Thread</span></div> <i class="icon icon-pushpin"></i><span class="pin-label">Pin Thread</span></div>
%else: %else:
${"<% if (pinned) { %>"} ${"<% if (pinned) { %>"}
<div class="discussion-pin notpinned" data-role="thread-pin" data-tooltip="pin this thread"> <div class="discussion-pin notpinned" data-role="thread-pin" data-tooltip="pin this thread">
<i class="icon icon-pushpin"></i><span class="pin-label">Pin Thread</span></div> <i class="icon icon-pushpin"></i><span class="pin-label">Pin Thread</span></div>
${"<% } %>"} ${"<% } %>"}
% endif % endif
......
...@@ -4,10 +4,10 @@ ...@@ -4,10 +4,10 @@
<a href="#" class="vote-btn discussion-vote discussion-vote-up" data-role="discussion-vote" data-tooltip="vote"><span class="plus-icon">+</span> <span class='votes-count-number'>{{votes.up_count}}</span></a> <a href="#" class="vote-btn discussion-vote discussion-vote-up" data-role="discussion-vote" data-tooltip="vote"><span class="plus-icon">+</span> <span class='votes-count-number'>{{votes.up_count}}</span></a>
<h3>{{title}}</h3> <h3>{{title}}</h3>
<div class="discussion-flag-abuse notflagged" data-role="thread-flag" data-tooltip="Report Misuse"> <div class="discussion-flag-abuse notflagged" data-role="thread-flag" data-tooltip="Report Misuse">
<i class="icon"></i><span class="flag-label">Flagged</span></div> <i class="icon icon-flag"></i><span class="flag-label">Flagged</span></div>
<div class="discussion-pin-inline pinned pinned-{{pinned}}" data-tooltip="This thread has been pinned by course staff."> <div class="discussion-pin-inline pinned pinned-{{pinned}}" data-tooltip="This thread has been pinned by course staff.">
<i class="icon"></i><span class="pin-label">Pinned</span></div> <i class="icon icon-pushpin"></i><span class="pin-label">Pinned</span></div>
<p class="posted-details"> <p class="posted-details">
{{#user}} {{#user}}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment