EVOgeek/Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3215 style: Add styles to improve bma handling

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2019-11-12 11:42:17 +01:00
parent 92874fbb75
commit 69fc9d2d84
3 changed files with 30 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/core/courses/pages/dashboard/dashboard.html
View File

@ -1,6 +1,9 @@
<ion-header>
<ion-header>
<ion-navbar core-back-button>
<ion-title><core-format-text [text]="siteName" contextLevel="system" [contextInstanceId]="0"></core-format-text></ion-title>
<ion-title>
<core-format-text [text]="siteName" contextLevel="system" [contextInstanceId]="0"></core-format-text>
<img src="assets/img/login_logo.png" class="core-header-logo" [alt]="siteName">
</ion-title>
<ion-buttons end>
<button *ngIf="searchEnabled" ion-button icon-only (click)="openSearch()" [attr.aria-label]="'core.courses.searchcourses' | translate">

24
src/core/courses/pages/dashboard/dashboard.scss
View File

@ -1,7 +1,31 @@
$core-dashboard-logo: false !default;
ion-app.app-root page-core-courses-dashboard {
@if $core-dashboard-logo {
.toolbar-title-md .core-header-logo {
max-height: $toolbar-md-height - 24;
}
.toolbar-title-ios .core-header-logo {
max-height: $toolbar-ios-height - 24;
}
.toolbar-title-wp .core-header-logo {
max-height: $toolbar-wp-height - 24;
}
.toolbar-title core-format-text {
display: none;
}
} @else {
.toolbar-title .core-header-logo {
display: none;
}
}
ion-badge.core-course-download-courses-progress {
display: block;
@include float(start);
@include margin(12px, 12px, null, 12px);
}
}

2
src/theme/variables.scss
View File

@ -30,7 +30,6 @@ $red: #cb3d4d;
$orange: #f98012; // Accent (never text).
$yellow: #fbad1a; // Accent (never text).
$purple: #8e24aa; // Accent (never text).
$core-color: $orange;
// Branded apps customization
// --------------------------------------------------
@ -53,6 +52,7 @@ $orange-light: lighten($orange, 10%) !default;
$yellow-light: mix($yellow, white, 20%) !default;
$yellow-dark: mix($yellow, black, 40%) !default;
$core-color: $orange !default;
$core-color-light: lighten($core-color, 10%) !default;
$core-color-dark: darken($core-color, 10%) !default;