GuzhavinAleksey/Vmeda.Online
1
0
Fork 0
forked from CIT/Vmeda.Online
Code Pull Requests Activity

MOBILE-2430 tabs: Fix status bar top padding

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2018-06-18 16:26:40 +02:00
parent e19cd8a9ed
commit 6fa19efcd5
5 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/app.ios.scss
View File

@ -41,6 +41,18 @@
height: calc(100% - #{($navbar-ios-height)}); height: calc(100% - #{($navbar-ios-height)});
} }
.platform-cordova.ios .core-avoid-header .menu-inner > ion-content {
top: $navbar-ios-height + $cordova-ios-statusbar-padding;
height: calc(100% - #{($navbar-ios-height + $cordova-ios-statusbar-padding)});
}
.platform-cordova.ios .core-avoid-header .core-avoid-header .menu-inner > ion-content,
.platform-cordova.ios core-tab core-split-view .core-avoid-header .menu-inner > ion-content {
top: 0;
height: 100%;
}
// Highlights inside the input element. // Highlights inside the input element.
@if ($core-text-input-ios-show-highlight) { @if ($core-text-input-ios-show-highlight) {
.card-ios, .list-ios { .card-ios, .list-ios {

2
src/components/ion-tabs/ion-tabs.scss
View File

@ -81,7 +81,7 @@ core-ion-tab.show-tab {
} }
.ios { .ios {
@include core-ion-tabs-statusbar-padding($toolbar-ios-height + 15, $toolbar-ios-padding, $content-ios-padding, $cordova-ios-statusbar-padding, $cordova-ios-statusbar-padding-modal-max-width, true); @include core-ion-tabs-statusbar-padding($toolbar-ios-height, $toolbar-ios-padding, $content-ios-padding, $cordova-ios-statusbar-padding, $cordova-ios-statusbar-padding-modal-max-width, true);
} }
.md { .md {

2
src/core/course/components/format/core-course-format.html
View File

@ -2,7 +2,7 @@
<core-dynamic-component [component]="courseFormatComponent" [data]="data"> <core-dynamic-component [component]="courseFormatComponent" [data]="data">
<!-- Course summary. By default we only display the course progress. --> <!-- Course summary. By default we only display the course progress. -->
<core-dynamic-component [component]="courseSummaryComponent" [data]="data"> <core-dynamic-component [component]="courseSummaryComponent" [data]="data">
<ion-list no-lines *ngIf="course.imageThumb || (course.progress != null && course.progress >= 0)"> <ion-list no-lines *ngIf="course.imageThumb || (course.progress != null && course.progress >= 0)" class="core-format-progress-list">
<div *ngIf="course.imageThumb" class="core-course-thumb"> <div *ngIf="course.imageThumb" class="core-course-thumb">
<img [src]="course.imageThumb" core-external-content alt=""/> <img [src]="course.imageThumb" core-external-content alt=""/>
</div> </div>

5
src/core/course/components/format/format.scss
View File

@ -6,6 +6,11 @@ ion-badge.core-course-download-section-progress {
} }
core-course-format { core-course-format {
.core-format-progress-list {
margin-bottom: 0;
}
.core-course-thumb { .core-course-thumb {
height: 150px; height: 150px;
width: 100%; width: 100%;

4
src/theme/variables.scss
View File

@ -58,7 +58,7 @@ $core-course-image-background: #81ecec, #74b9ff, #a29bfe, #dfe6e9, #00b894, #098
// To view all the possible Ionic variables, see: // To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/ // http://ionicframework.com/docs/theming/overriding-ionic-variables/
$toolbar-background: $orange; $toolbar-background: $core-color;
$content-padding: 10px; $content-padding: 10px;
@ -141,7 +141,7 @@ $loading-ios-spinner-color: $core-color;
$spinner-ios-ios-color: $core-color; $spinner-ios-ios-color: $core-color;
$tabs-ios-tab-color-inactive: $tabs-tab-color-inactive; $tabs-ios-tab-color-inactive: $tabs-tab-color-inactive;
$button-ios-outline-background-color: $white; $button-ios-outline-background-color: $white;
$toolbar-ios-height: 44px + 15;
// App Material Design Variables // App Material Design Variables
// -------------------------------------------------- // --------------------------------------------------