Commit 571400b2 by marcotuts

tentative UI and styling changes to support images

parent 05f00a82
---
BUNDLE_BIN: bin
<div class="discussion-comment" id="comment_<%- id %>"> <div class="discussion-comment" id="comment_<%- id %>">
<div class="author-image level-comment">
<img class="image-frame" src="https://d37djvu3ytnwxt.cloudfront.net/static/images/edx-theme/default-profile_120.41d2f8cbbbbd.png" alt="Profile image for post author">
</div>
<div class="response-body"><%- body %></div> <div class="response-body"><%- body %></div>
<%= <%=
_.template( _.template(
......
<header class="wrapper-response-header"> <header class="wrapper-response-header">
<div class="author-image level-response">
<img class="image-frame" src="https://d37djvu3ytnwxt.cloudfront.net/static/images/edx-theme/default-profile_120.41d2f8cbbbbd.png" alt="Profile image for post author">
</div>
<div class="response-header-content"> <div class="response-header-content">
<%= author_display %> <%= author_display %>
<p class="posted-details"> <p class="posted-details">
......
<div class="discussion-post"> <div class="discussion-post">
<header class="wrapper-post-header"> <header class="wrapper-post-header">
<div class="author-image level-post">
<img class="image-frame" src="https://d37djvu3ytnwxt.cloudfront.net/static/images/edx-theme/default-profile_120.41d2f8cbbbbd.png" alt="Profile image for post author">
</div>
<div class="post-header-content"> <div class="post-header-content">
<h1 class="post-title"><%- title %></h1> <h1 class="post-title"><%- title %></h1>
<p class="posted-details"> <p class="posted-details">
......
...@@ -25,7 +25,7 @@ body.discussion, .discussion-module { ...@@ -25,7 +25,7 @@ body.discussion, .discussion-module {
.post-header-content { .post-header-content {
display: inline-block; display: inline-block;
width: flex-grid(9,12); width: flex-grid(8,12);
} }
.post-header-actions { .post-header-actions {
...@@ -45,7 +45,7 @@ body.discussion, .discussion-module { ...@@ -45,7 +45,7 @@ body.discussion, .discussion-module {
.response-header-content { .response-header-content {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
width: flex-grid(11,12); width: flex-grid(10,12);
} }
.response-header-actions { .response-header-actions {
......
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