Commit bcbd366f by Ibrahim

Program dashboard page layout update

parent f42e6f1c
......@@ -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 {
......
<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>
......
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