Merge branch 'fix/attachment-sizing-cover-fix' into 'develop'
Fix attachment cover/contain again See merge request pleroma/pleroma-fe!1141
This commit is contained in:
		
						commit
						4acac3c38c
					
				
					 2 changed files with 3 additions and 8 deletions
				
			
		| 
						 | 
				
			
			@ -78,6 +78,7 @@
 | 
			
		|||
    video,
 | 
			
		||||
    canvas {
 | 
			
		||||
      object-fit: contain;
 | 
			
		||||
      height: 100%;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -23,13 +23,6 @@
 | 
			
		|||
 | 
			
		||||
<style lang="scss">
 | 
			
		||||
@import '../../_variables.scss';
 | 
			
		||||
.contain-fit {
 | 
			
		||||
  .still-image {
 | 
			
		||||
    img {
 | 
			
		||||
      height: 100%;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.still-image {
 | 
			
		||||
  position: relative;
 | 
			
		||||
| 
						 | 
				
			
			@ -38,6 +31,7 @@
 | 
			
		|||
  width: 100%;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  display: flex;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
 | 
			
		||||
  &:hover canvas {
 | 
			
		||||
    display: none;
 | 
			
		||||
| 
						 | 
				
			
			@ -45,8 +39,8 @@
 | 
			
		|||
 | 
			
		||||
  img {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    min-height: 100%;
 | 
			
		||||
    object-fit: contain;
 | 
			
		||||
    align-self: center;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &.animated {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in a new issue