AA-3 course dates cleanup

-change Important Course Dates to Upcoming Dates
-remove today's date
-left align date, right aling rest of info
This commit is contained in:
Nicholas D'Alfonso
2019-12-20 14:08:42 -05:00
parent b4eb64a425
commit 3ad963b8a7
8 changed files with 62 additions and 51 deletions

View File

@@ -0,0 +1 @@
<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="calendar-alt" class="svg-inline--fa fa-calendar-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"></path></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -457,9 +457,10 @@ button.accordion-trigger, button.prerequisite-button {
.date-summary-container {
.date-summary {
@include clearfix;
@include border-left(3px solid $gray-300);
padding: $baseline/2;
display: flex;
justify-content: space-between;
padding: $baseline/2 $baseline/2 $baseline/2 0;
.heading {
font-size: 0.9rem;
@@ -469,18 +470,38 @@ button.accordion-trigger, button.prerequisite-button {
color: theme-color("dark");
}
.description {
margin-top: $baseline/2;
margin-bottom: $baseline/2;
display: inline-block;
.left-column {
flex: 5%;
.calendar-icon {
margin-top: 3px;
height: 1em;
width: auto;
background: url('#{$static-path}/images/calendar-alt-regular.svg');
background-repeat: no-repeat;
}
}
.date-summary-link {
font-weight: $font-semibold;
.right-column {
flex: 85%;
a {
color: $link-color;
font-weight: $font-regular;
.localized-datetime {
font-weight: $font-weight-bold;
margin-bottom: 8px;
}
.description {
margin-bottom: $baseline/2;
display: inline-block;
}
.date-summary-link {
font-weight: $font-semibold;
a {
color: $link-color;
font-weight: $font-regular;
}
}
}