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

MOBILE-2494 ux: Review header paddings on iphoneX

main
Pau Ferrer Ocaña 2018-08-06 11:21:32 +02:00
parent e6c5607463
commit d0cda8fce2
3 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -83,7 +83,9 @@ core-ion-tab.show-tab {
}
.ios {
@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);
core-ion-tab > .ion-page > ion-header .toolbar-ios {
padding-top: 4px;
}
}
.md {

9
src/components/split-view/split-view.scss
View File

@ -43,3 +43,12 @@ core-split-view {
padding-top: 0 !important;
}
}
.ios .split-pane {
.core-avoid-header ion-content.statusbar-padding,
.core-avoid-header .menu-inner > ion-content {
top: $navbar-ios-height;
height: calc(100% - #{($navbar-ios-height)});
}
}

4
src/components/tabs/tabs.scss
View File

@ -67,6 +67,10 @@
color: $tabs-ios-tab-text-color;
}
.ios .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
padding-bottom: 0;
}
.wp .core-tabs-bar a.tab-slide {
//@extend .tabs-wp .tab-button;
@include border-radius(0);