Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Program dashboard page layout update

Browse Source
This commit is contained in:
Ibrahim
2017-08-30 16:50:45 +05:00
parent f42e6f1c5d
commit bcbd366fc9
2 changed files with 28 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
lms/static/sass/views/_program-details.scss
View File

@@ -442,7 +442,7 @@
}
.course-details {
float: none;
float: left;
.course-title {
font-size: 1em;
@@ -467,13 +467,20 @@
display: table;
width: 100%;
}
.course-content {
overflow: hidden;
}
}
.course-details {
width: 100%;
float: none;
@media(min-width: $bp-screen-md) {
display: table-cell;
vertical-align: top;
padding: 0 10px 0 0;
float: left;
width: calc(100% - 205px);
}
}
@@ -481,6 +488,7 @@
@media(min-width: $bp-screen-md) {
width: 200px;
text-align: right;
float: right;
}
.course-enroll-view {

36
lms/templates/learner_dashboard/course_card.underscore
View File

@@ -1,25 +1,27 @@
<div class="section">
<div class="course-meta-container">
<div class="course-details">
<h5 class="course-title">
<% if ( marketing_url || course_url ) { %>
<a href="<%- marketing_url || course_url %>" class="course-title-link">
<div class="course-content">
<div class="course-details">
<h5 class="course-title">
<% if ( marketing_url || course_url ) { %>
<a href="<%- marketing_url || course_url %>" class="course-title-link">
<%- title %>
</a>
<% } else { %>
<%- title %>
</a>
<% } else { %>
<%- title %>
<% } %>
</h5>
<div class="course-text">
<% if (enrolled) { %>
<span class="enrolled"><%- enrolled %>: </span>
<% } %>
<% if (dateString) { %>
<span class="run-period"><%- dateString %></span>
<% } %>
<% } %>
</h5>
<div class="course-text">
<% if (enrolled) { %>
<span class="enrolled"><%- enrolled %>: </span>
<% } %>
<% if (dateString) { %>
<span class="run-period"><%- dateString %></span>
<% } %>
</div>
</div>
<div class="course-actions"></div>
</div>
<div class="course-actions"></div>
<div class="course-certificate certificate-status"></div>
</div>
</div>