Change disabled retweet icon (#14373)
* Change disabled retweet icon * Hide fontawesome version of boost icon in both reduce-motion and no-reduce-motion
This commit is contained in:
		
							parent
							
								
									e041b8b3f8
								
							
						
					
					
						commit
						96a89bae14
					
				
					 2 changed files with 5 additions and 9 deletions
				
			
		
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							| 
						 | 
				
			
			@ -2990,7 +2990,7 @@ a.account__display-name {
 | 
			
		|||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.no-reduce-motion button.icon-button i.fa-retweet {
 | 
			
		||||
button.icon-button i.fa-retweet {
 | 
			
		||||
  background-position: 0 0;
 | 
			
		||||
  height: 19px;
 | 
			
		||||
  transition: background-position 0.9s steps(10);
 | 
			
		||||
| 
						 | 
				
			
			@ -3004,18 +3004,14 @@ a.account__display-name {
 | 
			
		|||
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.no-reduce-motion button.icon-button.active i.fa-retweet {
 | 
			
		||||
button.icon-button.active i.fa-retweet {
 | 
			
		||||
  transition-duration: 0.9s;
 | 
			
		||||
  background-position: 0 100%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.reduce-motion button.icon-button i.fa-retweet {
 | 
			
		||||
  color: $action-button-color;
 | 
			
		||||
  transition: color 100ms ease-in;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.reduce-motion button.icon-button i.fa-retweet,
 | 
			
		||||
.reduce-motion button.icon-button.active i.fa-retweet {
 | 
			
		||||
  color: $highlight-text-color;
 | 
			
		||||
  transition: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.status-card {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in a new issue