MOBILE-2681 dashboard: Apply same styles from website

main
Pau Ferrer Ocaña 2018-10-17 15:03:48 +02:00
parent 6b5c9416db
commit c77a33edd5
3 changed files with 13 additions and 12 deletions

View File

@ -168,7 +168,13 @@ export class AddonBlockMyOverviewComponent extends AddonBlockComponent implement
this.courses.filter = ''; this.courses.filter = '';
this.showFilter = false; this.showFilter = false;
this.showSelectorFilter = (this.courses.past.length + this.courses.future.length) > 0; this.showSelectorFilter = this.courses.past.length > 0 || this.courses.future.length > 0 || courses.some((course) => {
return typeof course.enddate != 'undefined';
});
if (!this.showSelectorFilter) {
// No selector, show all.
this.selectedFilter = 'all';
}
this.filteredCourses = this.courses[this.selectedFilter]; this.filteredCourses = this.courses[this.selectedFilter];
this.initPrefetchCoursesIcons(); this.initPrefetchCoursesIcons();

View File

@ -1,4 +1,4 @@
$core-progress-bar-height: 10px !default; $core-progress-bar-height: 8px !default;
ion-app.app-root core-progress-bar { ion-app.app-root core-progress-bar {
@include padding(null, 55px, null, null); @include padding(null, 55px, null, null);
@ -11,7 +11,7 @@ ion-app.app-root core-progress-bar {
line-height: 40px; line-height: 40px;
font-size: 1.4rem; font-size: 1.4rem;
color: $gray-darker; color: $gray-darker;
@include position(-15px, 10px, null, null); @include position(-16px, 10px, null, null);
position: absolute; position: absolute;
} }
@ -19,7 +19,7 @@ ion-app.app-root core-progress-bar {
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; appearance: none;
height: $core-progress-bar-height; height: $core-progress-bar-height;
margin: 15px 0; margin: 16px 0;
padding: 0; padding: 0;
display: block; display: block;
width: 100%; width: 100%;
@ -27,15 +27,15 @@ ion-app.app-root core-progress-bar {
.progress-bar-fallback, .progress-bar-fallback,
&[value]::-webkit-progress-bar { &[value]::-webkit-progress-bar {
background-color: $gray-lighter; background-color: $gray-lighter;
border-radius: 999px; border-radius: 0;
border: 1px solid $gray-light; border:0;
box-shadow: none; box-shadow: none;
} }
.progress-bar-fallback span, .progress-bar-fallback span,
&[value]::-webkit-progress-value { &[value]::-webkit-progress-value {
background-color: $core-progressbar-color; background-color: $core-progressbar-color;
border-radius: 999px; border-radius: 0;
} }
.progress-bar-fallback { .progress-bar-fallback {

View File

@ -8,11 +8,6 @@ ion-app.app-root core-courses-course-progress {
.core-course-thumb { .core-course-thumb {
background: nth($core-course-image-background, $i + 1); background: nth($core-course-image-background, $i + 1);
} }
progress .progress-bar-fallback span,
progress[value]::-webkit-progress-value {
background-color: nth($core-course-image-background, $i + 1);
}
} }
} }