diff --git a/lms/static/sass/multicourse/_dashboard.scss b/lms/static/sass/multicourse/_dashboard.scss index 0b4f33efa2..8254654b34 100644 --- a/lms/static/sass/multicourse/_dashboard.scss +++ b/lms/static/sass/multicourse/_dashboard.scss @@ -523,7 +523,7 @@ .message-copy, .message-copy .copy { @extend %t-copy-sub1; - margin: 0; + margin: 2px 0 0 0; } // CASE: expandable @@ -532,15 +532,18 @@ .wrapper-tip { .message-title, .message-copy { - @include transition(color 0.25s ease-in-out 0); margin-bottom: 0; } + .message-title .value, .message-copy { + @include transition(color 0.25s ease-in-out 0s); + } + // STATE: hover &:hover { cursor: pointer; - .message-title, .message-copy { + .message-title .value, .message-copy, .ui-toggle-expansion { color: $link-color; } } @@ -555,6 +558,11 @@ // STATE: is expanded &.is-expanded { + .ui-toggle-expansion { + @include transform(rotate(0)); + @include transform-origin(50% 50%); + } + .wrapper-extended { display: block; opacity: 1.0; @@ -573,6 +581,16 @@ float: left; } + .ui-toggle-expansion { + @include transition(all 0.25s ease-in-out 0s); + @include transform(rotate(-90deg)); + @include transform-origin(50% 50%); + @include font-size(21); + display: inline-block; + vertical-align: middle; + margin-right: ($baseline/4); + } + .message-copy { float: right; } diff --git a/lms/templates/dashboard/_dashboard_course_listing.html b/lms/templates/dashboard/_dashboard_course_listing.html index db8cfbd10e..aa7b1b84b0 100644 --- a/lms/templates/dashboard/_dashboard_course_listing.html +++ b/lms/templates/dashboard/_dashboard_course_listing.html @@ -65,7 +65,10 @@