Make handle more easily selectable on profile page (#21479)
* Make handle more easily selectable on profile page * Wrap handle in a span * Add `user-select: all` to span * remove whitespace
This commit is contained in:
		
							parent
							
								
									0e7709efce
								
							
						
					
					
						commit
						40bf70b802
					
				
					 2 changed files with 7 additions and 1 deletions
				
			
		| 
						 | 
					@ -342,7 +342,9 @@ class Header extends ImmutablePureComponent {
 | 
				
			||||||
          <div className='account__header__tabs__name'>
 | 
					          <div className='account__header__tabs__name'>
 | 
				
			||||||
            <h1>
 | 
					            <h1>
 | 
				
			||||||
              <span dangerouslySetInnerHTML={displayNameHtml} /> {badge}
 | 
					              <span dangerouslySetInnerHTML={displayNameHtml} /> {badge}
 | 
				
			||||||
              <small>@{acct} {lockedIcon}</small>
 | 
					              <small>
 | 
				
			||||||
 | 
					                <span>@{acct}</span> {lockedIcon}
 | 
				
			||||||
 | 
					              </small>
 | 
				
			||||||
            </h1>
 | 
					            </h1>
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -7092,6 +7092,10 @@ noscript {
 | 
				
			||||||
          font-weight: 400;
 | 
					          font-weight: 400;
 | 
				
			||||||
          overflow: hidden;
 | 
					          overflow: hidden;
 | 
				
			||||||
          text-overflow: ellipsis;
 | 
					          text-overflow: ellipsis;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					          span {
 | 
				
			||||||
 | 
					            user-select: all;
 | 
				
			||||||
 | 
					          }
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in a new issue