Skip to content

E
edx-platform
Commit daaf31fd by Ibrahim Ahmed Committed by GitHub
Options

Merge pull request #15925 from edx/ibrahimahmed443/WL-1186-program-dashboard-layout-update 

Program dashboard page layout update
parents 120bf907 bcbd366f
Showing with 28 additions and 18 deletions
lms/static/sass/views/_program-details.scss
...@@ -442,7 +442,7 @@ ...@@ -442,7 +442,7 @@
} }
.course-details { .course-details {
float: none; float: left;
.course-title { .course-title {
font-size: 1em; font-size: 1em;
...@@ -467,13 +467,20 @@ ...@@ -467,13 +467,20 @@
display: table; display: table;
width: 100%; width: 100%;
} }
.course-content {
overflow: hidden;
}
} }
.course-details { .course-details {
width: 100%;
float: none;
@media(min-width: $bp-screen-md) { @media(min-width: $bp-screen-md) {
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
padding: 0 10px 0 0; padding: 0 10px 0 0;
float: left;
width: calc(100% - 205px);
} }
} }
...@@ -481,6 +488,7 @@ ...@@ -481,6 +488,7 @@
@media(min-width: $bp-screen-md) { @media(min-width: $bp-screen-md) {
width: 200px; width: 200px;
text-align: right; text-align: right;
float: right;
} }
.course-enroll-view { .course-enroll-view {
......
lms/templates/learner_dashboard/course_card.underscore
<div class="section"> <div class="section">
<div class="course-meta-container"> <div class="course-meta-container">
<div class="course-details"> <div class="course-content">
<h5 class="course-title"> <div class="course-details">
<% if ( marketing_url || course_url ) { %> <h5 class="course-title">
<a href="<%- marketing_url || course_url %>" class="course-title-link"> <% if ( marketing_url || course_url ) { %>
<a href="<%- marketing_url || course_url %>" class="course-title-link">
<%- title %>
</a>
<% } else { %>
<%- title %> <%- title %>
</a> <% } %>
<% } else { %> </h5>
<%- title %> <div class="course-text">
<% } %> <% if (enrolled) { %>
</h5> <span class="enrolled"><%- enrolled %>: </span>
<div class="course-text"> <% } %>
<% if (enrolled) { %> <% if (dateString) { %>
<span class="enrolled"><%- enrolled %>: </span> <span class="run-period"><%- dateString %></span>
<% } %> <% } %>
<% if (dateString) { %> </div>
<span class="run-period"><%- dateString %></span>
<% } %>
</div> </div>
<div class="course-actions"></div>
</div> </div>
<div class="course-actions"></div>
<div class="course-certificate certificate-status"></div> <div class="course-certificate certificate-status"></div>
</div> </div>
</div> </div>
......
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