MOBILE-2567 chat: Add margin bottom when keyboard is open
parent
b1839c6f1e
commit
efa8618efa
|
@ -12,7 +12,7 @@
|
||||||
</a>
|
</a>
|
||||||
</core-navbar-buttons>
|
</core-navbar-buttons>
|
||||||
</ion-header>
|
</ion-header>
|
||||||
<ion-content>
|
<ion-content class="has-footer">
|
||||||
<core-loading [hideUntil]="loaded">
|
<core-loading [hideUntil]="loaded">
|
||||||
<!-- Load previous messages. -->
|
<!-- Load previous messages. -->
|
||||||
<ion-infinite-scroll [enabled]="canLoadMore" (ionInfinite)="loadPrevious($event)" position="top">
|
<ion-infinite-scroll [enabled]="canLoadMore" (ionInfinite)="loadPrevious($event)" position="top">
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
</ion-buttons>
|
</ion-buttons>
|
||||||
</ion-navbar>
|
</ion-navbar>
|
||||||
</ion-header>
|
</ion-header>
|
||||||
<ion-content>
|
<ion-content class="has-footer">
|
||||||
<core-loading [hideUntil]="loaded">
|
<core-loading [hideUntil]="loaded">
|
||||||
<div aria-live="polite">
|
<div aria-live="polite">
|
||||||
<div *ngFor="let message of messages; index as index; last as last">
|
<div *ngFor="let message of messages; index as index; last as last">
|
||||||
|
|
|
@ -919,8 +919,10 @@ ion-app.app-root {
|
||||||
}
|
}
|
||||||
|
|
||||||
body.keyboard-is-open {
|
body.keyboard-is-open {
|
||||||
.scroll-content, .fixed-content {
|
ion-content:not(.has-footer) {
|
||||||
|
> .scroll-content, > .fixed-content {
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 0 !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
core-ion-tabs .tabbar {
|
core-ion-tabs .tabbar {
|
||||||
|
|
|
@ -26,6 +26,7 @@ ion-app.app-root .core-tabs-bar {
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
line-height: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
&[aria-selected=true] {
|
&[aria-selected=true] {
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
</ion-buttons>
|
</ion-buttons>
|
||||||
</ion-navbar>
|
</ion-navbar>
|
||||||
</ion-header>
|
</ion-header>
|
||||||
<ion-content>
|
<ion-content class="has-footer">
|
||||||
<core-loading [hideUntil]="readyToCapture">
|
<core-loading [hideUntil]="readyToCapture">
|
||||||
<div class="core-av-wrapper">
|
<div class="core-av-wrapper">
|
||||||
<!-- Video stream for image and video. -->
|
<!-- Video stream for image and video. -->
|
||||||
|
|
Loading…
Reference in New Issue