Remove outline from focused toot (#4448)
* Remove outline from focused toot * change style
This commit is contained in:
		
							parent
							
								
									f91284d230
								
							
						
					
					
						commit
						29abc9438c
					
				
					 1 changed files with 10 additions and 0 deletions
				
			
		| 
						 | 
				
			
			@ -462,6 +462,10 @@
 | 
			
		|||
  overflow: hidden;
 | 
			
		||||
  white-space: pre-wrap;
 | 
			
		||||
 | 
			
		||||
  &:focus {
 | 
			
		||||
    outline: rgba($ui-highlight-color, 0.7) solid 2px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .emojione {
 | 
			
		||||
    width: 18px;
 | 
			
		||||
    height: 18px;
 | 
			
		||||
| 
						 | 
				
			
			@ -563,6 +567,12 @@
 | 
			
		|||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &:focus,
 | 
			
		||||
  &.status-direct:focus {
 | 
			
		||||
    outline: 0;
 | 
			
		||||
    background-color: lighten($ui-base-color, 10%);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &.light {
 | 
			
		||||
    .status__relative-time {
 | 
			
		||||
      color: $ui-primary-color;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue