forked from CIT/Vmeda.Online
		
	MOBILE-3320 style: Layout improvements
This commit is contained in:
		
							parent
							
								
									0e70d9e353
								
							
						
					
					
						commit
						f5c5b0e65e
					
				@ -11,7 +11,7 @@
 | 
			
		||||
    <ion-refresher slot="fixed" [disabled]="!loaded" (ionRefresh)="refresh($event.target)">
 | 
			
		||||
        <ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
 | 
			
		||||
    </ion-refresher>
 | 
			
		||||
    <core-loading [hideUntil]="loaded" class="core-loading-center">
 | 
			
		||||
    <core-loading [hideUntil]="loaded">
 | 
			
		||||
        <ion-item *ngIf="showMyEntriesToggle">
 | 
			
		||||
            <ion-label>{{ 'addon.blog.showonlyyourentries' | translate }}</ion-label>
 | 
			
		||||
            <ion-toggle [(ngModel)]="onlyMyEntries" (ionChange)="onlyMyEntriesToggleChanged(onlyMyEntries)"></ion-toggle>
 | 
			
		||||
 | 
			
		||||
@ -8,7 +8,7 @@
 | 
			
		||||
    </core-context-menu>
 | 
			
		||||
</core-navbar-buttons>
 | 
			
		||||
 | 
			
		||||
<core-loading [hideUntil]="loaded" class="core-loading-center safe-area-page">
 | 
			
		||||
<core-loading [hideUntil]="loaded" class="safe-area-page">
 | 
			
		||||
    <!-- Period name and arrows to navigate. -->
 | 
			
		||||
    <ion-grid class="ion-no-padding addon-calendar-navigation">
 | 
			
		||||
        <ion-row class="ion-align-items-center">
 | 
			
		||||
 | 
			
		||||
@ -1,4 +1,4 @@
 | 
			
		||||
<core-loading [hideUntil]="loaded" class="core-loading-center">
 | 
			
		||||
<core-loading [hideUntil]="loaded">
 | 
			
		||||
    <core-empty-box *ngIf="!filteredEvents || !filteredEvents.length" icon="fas-calendar" [message]="'addon.calendar.noevents' | translate">
 | 
			
		||||
    </core-empty-box>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -24,7 +24,7 @@
 | 
			
		||||
                    <ion-refresher slot="fixed" [disabled]="!confirmedLoaded" (ionRefresh)="refreshData($event.target)">
 | 
			
		||||
                        <ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
 | 
			
		||||
                    </ion-refresher>
 | 
			
		||||
                    <core-loading [hideUntil]="confirmedLoaded" class="core-loading-center">
 | 
			
		||||
                    <core-loading [hideUntil]="confirmedLoaded">
 | 
			
		||||
                        <ion-list class="ion-no-margin">
 | 
			
		||||
                            <ion-item class="ion-text-wrap addon-messages-conversation-item" (click)="selectUser(contact.id)" button
 | 
			
		||||
                                *ngFor="let contact of confirmedContacts" [attr.aria-label]="contact.fullname" detail="true"
 | 
			
		||||
@ -62,7 +62,7 @@
 | 
			
		||||
                    <ion-refresher slot="fixed" [disabled]="!requestsLoaded" (ionRefresh)="refreshData($event.target)">
 | 
			
		||||
                        <ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
 | 
			
		||||
                    </ion-refresher>
 | 
			
		||||
                    <core-loading [hideUntil]="requestsLoaded" class="core-loading-center">
 | 
			
		||||
                    <core-loading [hideUntil]="requestsLoaded">
 | 
			
		||||
                        <ion-list class="ion-no-margin">
 | 
			
		||||
                            <ion-item class="ion-text-wrap addon-messages-conversation-item" *ngFor="let request of requests"
 | 
			
		||||
                                [attr.aria-label]="request.fullname" (click)="selectUser(request.id)" button
 | 
			
		||||
 | 
			
		||||
@ -3,7 +3,8 @@
 | 
			
		||||
    --tabs-color: var(--core-tab-color);
 | 
			
		||||
    --height: 56px;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    display: block;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
 | 
			
		||||
    ion-tabs {
 | 
			
		||||
        background: transparent;
 | 
			
		||||
@ -82,7 +83,7 @@
 | 
			
		||||
            z-index: 1;
 | 
			
		||||
 | 
			
		||||
            &.selected {
 | 
			
		||||
                display: block;
 | 
			
		||||
                display: contents;
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            ion-header {
 | 
			
		||||
@ -95,6 +96,11 @@
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    div.core-tabs-content-container {
 | 
			
		||||
        flex-grow: 1;
 | 
			
		||||
        position: relative;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user