Skip to content

E
edx-platform
Commit 73455ac3 by Harry Rein
Options

Updating bookmarks and updates pages to be responsive.

parent ed2e6dc8
Showing with 64 additions and 42 deletions
lms/static/sass/features/_bookmarks.scss
...@@ -9,65 +9,85 @@ $bookmarked-icon: "\f02e"; // .fa-bookmark ...@@ -9,65 +9,85 @@ $bookmarked-icon: "\f02e"; // .fa-bookmark
} }
// Rules for Bookmarks Results // Rules for Bookmarks Results
.bookmarks-results-list { .course-bookmarks {
padding-top: ($baseline/2); flex-grow: 1;
.bookmarks-results-list-item { .bookmarks-results-list {
@include padding(0, $baseline, ($baseline/4), $baseline); padding-top: ($baseline/2);
display: block; .bookmarks-results-list-item {
border: 1px solid $lms-border-color; @include padding(0, $baseline, ($baseline/4), $baseline);
margin-bottom: $baseline;
&:hover { display: block;
border-color: palette(primary, base); border: 1px solid theme-color("light");
margin-bottom: $baseline;
.list-item-breadcrumbtrail { &:hover {
color: palette(primary, base); border-color: palette(primary, base);
.list-item-breadcrumbtrail {
color: palette(primary, base);
}
} }
} }
}
.results-list-item-view { .results-list-item-view {
@include float(right); @include float(right);
margin-top: $baseline; margin-top: $baseline;
} }
.list-item-date { .list-item-date {
margin-top: ($baseline/4); margin-top: ($baseline/4);
color: $lms-gray; color: theme-color("dark");
font-size: font-size(small); font-size: font-size(small);
} }
.bookmarks-results-list-item::before { .bookmarks-results-list-item::before {
content: $bookmarked-icon; content: $bookmarked-icon;
position: relative; position: relative;
top: -7px; top: -7px;
font-family: FontAwesome; font-family: FontAwesome;
color: palette(primary, base); color: palette(primary, base);
} }
.list-item-content { .list-item-content {
overflow: hidden; overflow: hidden;
} position: relative;
}
.list-item-left-section { .list-item-left-section {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
width: 90%; width: 90%;
} }
.list-item-right-section {
@include right(0);
.list-item-right-section { bottom: $baseline*-0.75;
display: inline-block; position: absolute;
vertical-align: middle; vertical-align: middle;
.fa-arrow-right { .fa-arrow-right {
@include rtl { @include rtl {
@include transform(rotate(180deg)); @include transform(rotate(180deg));
}
} }
} }
} }
// Override the search count styling
.search-results .search-count {
font-size: $font-size-base;
font-weight: $font-weight-bold;
}
// Override the pagination behavior
.pagination.pagination-full {
width: 100%;
text-align: center;
}
} }
// Rules for empty bookmarks list // Rules for empty bookmarks list
......
lms/static/sass/features/_course-experience.scss
...@@ -438,6 +438,8 @@ ...@@ -438,6 +438,8 @@
// Course Updates Page // Course Updates Page
.course-updates { .course-updates {
.all-updates { .all-updates {
flex-grow: 1;
.updates-article { .updates-article {
margin: ($baseline*6/5) 0; margin: ($baseline*6/5) 0;
padding-bottom: ($baseline*6/5); padding-bottom: ($baseline*6/5);
......
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