Merge pull request #1057 from robintown/speaking-transition
Subtly animate active speaker indicators
This commit is contained in:
		
				commit
				
					
						239095321a
					
				
			
		
					 1 changed files with 7 additions and 1 deletions
				
			
		| 
						 | 
					@ -45,7 +45,7 @@ limitations under the License.
 | 
				
			||||||
  transform: scaleX(-1);
 | 
					  transform: scaleX(-1);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.videoTile.speaking::after {
 | 
					.videoTile::after {
 | 
				
			||||||
  position: absolute;
 | 
					  position: absolute;
 | 
				
			||||||
  top: -1px;
 | 
					  top: -1px;
 | 
				
			||||||
  left: -1px;
 | 
					  left: -1px;
 | 
				
			||||||
| 
						 | 
					@ -54,6 +54,12 @@ limitations under the License.
 | 
				
			||||||
  content: "";
 | 
					  content: "";
 | 
				
			||||||
  border-radius: var(--tileRadius);
 | 
					  border-radius: var(--tileRadius);
 | 
				
			||||||
  box-shadow: inset 0 0 0 4px var(--accent) !important;
 | 
					  box-shadow: inset 0 0 0 4px var(--accent) !important;
 | 
				
			||||||
 | 
					  opacity: 0;
 | 
				
			||||||
 | 
					  transition: opacity ease 0.15s;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.videoTile.speaking::after {
 | 
				
			||||||
 | 
					  opacity: 1;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.videoTile.maximised {
 | 
					.videoTile.maximised {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue