MOBILE-2567 chat: Add margin bottom when keyboard is open
This commit is contained in:
		
							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,9 +919,11 @@ 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 { | ||||||
|       display: none; |       display: none; | ||||||
|  | |||||||
| @ -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…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user