Fix videos being improperly positioned on safari (#24943)
This commit is contained in:
		
							parent
							
								
									5eeb40bdbe
								
							
						
					
					
						commit
						0eed06073f
					
				| @ -6447,13 +6447,6 @@ a.status-card.compact:hover { | ||||
|   &--wide { | ||||
|     grid-column: span 2; | ||||
|   } | ||||
| 
 | ||||
|   &.standalone { | ||||
|     .media-gallery__item-gifv-thumbnail { | ||||
|       transform: none; | ||||
|       top: 0; | ||||
|     } | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .media-gallery__item-thumbnail { | ||||
| @ -6501,11 +6494,7 @@ a.status-card.compact:hover { | ||||
|   cursor: zoom-in; | ||||
|   height: 100%; | ||||
|   object-fit: cover; | ||||
|   position: relative; | ||||
|   top: 50%; | ||||
|   transform: translateY(-50%); | ||||
|   width: 100%; | ||||
|   z-index: 1; | ||||
| } | ||||
| 
 | ||||
| .media-gallery__item-thumbnail-label { | ||||
| @ -6604,6 +6593,8 @@ a.status-card.compact:hover { | ||||
|   border-radius: 4px; | ||||
|   box-sizing: border-box; | ||||
|   color: $white; | ||||
|   display: flex; | ||||
|   align-items: center; | ||||
| 
 | ||||
|   &.editable { | ||||
|     border-radius: 0; | ||||
| @ -6638,9 +6629,6 @@ a.status-card.compact:hover { | ||||
|   &.inline { | ||||
|     video { | ||||
|       object-fit: contain; | ||||
|       position: relative; | ||||
|       top: 50%; | ||||
|       transform: translateY(-50%); | ||||
|     } | ||||
|   } | ||||
| 
 | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user