mirror of https://github.com/vector-im/riot-web
				
				
				
			Improve the visual balance of bubble layout (#9704)
							parent
							
								
									0358e038a9
								
							
						
					
					
						commit
						2d9fa81cf5
					
				| 
						 | 
				
			
			@ -43,7 +43,9 @@ limitations under the License.
 | 
			
		|||
    --EventTile_bubble_gap-inline: 5px;
 | 
			
		||||
 | 
			
		||||
    position: relative;
 | 
			
		||||
    margin-top: var(--gutterSize);
 | 
			
		||||
    /* Other half of the gutter is provided by margin-bottom on the last tile
 | 
			
		||||
    of the section */
 | 
			
		||||
    margin-top: calc(var(--gutterSize) / 2);
 | 
			
		||||
    margin-left: var(--EventTile_bubble-margin-inline-start);
 | 
			
		||||
    font-size: $font-14px;
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -462,6 +462,11 @@ $left-gutter: 64px;
 | 
			
		|||
        &.mx_EventTile_continuation {
 | 
			
		||||
            margin-top: 2px;
 | 
			
		||||
        }
 | 
			
		||||
        &.mx_EventTile_lastInSection {
 | 
			
		||||
            /* Other half of the gutter is provided by margin-top on the first
 | 
			
		||||
            tile of the section */
 | 
			
		||||
            margin-bottom: calc(var(--gutterSize) / 2);
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue