forked from CIT/Vmeda.Online
		
	MOBILE-3320 core: Fix some styles on blocks and empty box
This commit is contained in:
		
							parent
							
								
									2fafe48af6
								
							
						
					
					
						commit
						0a99f035da
					
				@ -1,4 +1,6 @@
 | 
				
			|||||||
:host {
 | 
					:host {
 | 
				
			||||||
 | 
					    display: contents;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .core-empty-box {
 | 
					    .core-empty-box {
 | 
				
			||||||
        position: absolute;
 | 
					        position: absolute;
 | 
				
			||||||
        top: 0;
 | 
					        top: 0;
 | 
				
			||||||
@ -47,7 +49,7 @@
 | 
				
			|||||||
        z-index: 0;
 | 
					        z-index: 0;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    @media (max-width: 350px) {
 | 
					    @media (max-height: 550px) {
 | 
				
			||||||
        .core-empty-box {
 | 
					        .core-empty-box {
 | 
				
			||||||
            position: relative;
 | 
					            position: relative;
 | 
				
			||||||
            height: auto;
 | 
					            height: auto;
 | 
				
			||||||
@ -73,4 +75,3 @@
 | 
				
			|||||||
:host-context(core-block-course-blocks) .core-empty-box {
 | 
					:host-context(core-block-course-blocks) .core-empty-box {
 | 
				
			||||||
    position: relative;
 | 
					    position: relative;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					 | 
				
			||||||
 | 
				
			|||||||
@ -38,7 +38,6 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    .core-loading-content {
 | 
					    .core-loading-content {
 | 
				
			||||||
        display: contents;
 | 
					        display: contents;
 | 
				
			||||||
        padding-bottom: 1px; /* This makes height be real */
 | 
					 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    &.core-loading-noheight .core-loading-content {
 | 
					    &.core-loading-noheight .core-loading-content {
 | 
				
			||||||
@ -56,9 +55,5 @@
 | 
				
			|||||||
            padding-top: 20px;
 | 
					            padding-top: 20px;
 | 
				
			||||||
            position: relative;
 | 
					            position: relative;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
 | 
					 | 
				
			||||||
        .core-loading-content {
 | 
					 | 
				
			||||||
            display: block;
 | 
					 | 
				
			||||||
        }
 | 
					 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
				
			|||||||
@ -1,6 +1,7 @@
 | 
				
			|||||||
:host {
 | 
					:host {
 | 
				
			||||||
    position: relative;
 | 
					    position: relative;
 | 
				
			||||||
    display: block;
 | 
					    display: flex;
 | 
				
			||||||
 | 
					    flex-direction: column;
 | 
				
			||||||
    background: var(--background);
 | 
					    background: var(--background);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    ion-item-divider {
 | 
					    ion-item-divider {
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user