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;
 | 
					  overflow: hidden;
 | 
				
			||||||
  white-space: pre-wrap;
 | 
					  white-space: pre-wrap;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:focus {
 | 
				
			||||||
 | 
					    outline: rgba($ui-highlight-color, 0.7) solid 2px;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  .emojione {
 | 
					  .emojione {
 | 
				
			||||||
    width: 18px;
 | 
					    width: 18px;
 | 
				
			||||||
    height: 18px;
 | 
					    height: 18px;
 | 
				
			||||||
| 
						 | 
					@ -563,6 +567,12 @@
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:focus,
 | 
				
			||||||
 | 
					  &.status-direct:focus {
 | 
				
			||||||
 | 
					    outline: 0;
 | 
				
			||||||
 | 
					    background-color: lighten($ui-base-color, 10%);
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  &.light {
 | 
					  &.light {
 | 
				
			||||||
    .status__relative-time {
 | 
					    .status__relative-time {
 | 
				
			||||||
      color: $ui-primary-color;
 | 
					      color: $ui-primary-color;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		
		Reference in a new issue