TootAuthorGroup: fix visual on Profile
	
		
			
	
		
	
	
		
	
		
			All checks were successful
		
		
	
	
		
			
				
	
				/ depoly (push) Successful in 1m19s
				
			
		
		
	
	
				
					
				
			
		
			All checks were successful
		
		
	
	/ depoly (push) Successful in 1m19s
				
			This commit is contained in:
		
							parent
							
								
									5d6eb7282a
								
							
						
					
					
						commit
						d55a117aa4
					
				
					 3 changed files with 16 additions and 14 deletions
				
			
		| 
						 | 
					@ -49,25 +49,27 @@
 | 
				
			||||||
      flex-grow: 1;
 | 
					      flex-grow: 1;
 | 
				
			||||||
      text-align: right;
 | 
					      text-align: right;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
  .name-grp {
 | 
					    >.name-grp {
 | 
				
			||||||
    display: flex;
 | 
					      display: flex;
 | 
				
			||||||
    flex-flow: column nowrap;
 | 
					      flex-flow: column nowrap;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    & * {
 | 
					      & * {
 | 
				
			||||||
      user-select: text;
 | 
					        user-select: text;
 | 
				
			||||||
    }
 | 
					      }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .display-name {
 | 
					      .display-name {
 | 
				
			||||||
      display: block;
 | 
					        display: block;
 | 
				
			||||||
    }
 | 
					      }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .username {
 | 
					      .username {
 | 
				
			||||||
      user-select: all;
 | 
					        user-select: all;
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  .acct-mark {
 | 
					  .acct-mark {
 | 
				
			||||||
    font-size: 1.2em;
 | 
					    font-size: 1.2em;
 | 
				
			||||||
    vertical-align: sub;
 | 
					    vertical-align: sub;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -24,7 +24,7 @@
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  &:hover {
 | 
					  &:hover {
 | 
				
			||||||
    .tootAuthorNamePrimary {
 | 
					    > .name-primary {
 | 
				
			||||||
      text-decoration: underline;
 | 
					      text-decoration: underline;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -21,7 +21,7 @@ function TootAuthorGroup(
 | 
				
			||||||
  return (
 | 
					  return (
 | 
				
			||||||
    <div class="TootAuthorGroup" {...rest}>
 | 
					    <div class="TootAuthorGroup" {...rest}>
 | 
				
			||||||
      <Img src={toot().account.avatar} class="avatar" />
 | 
					      <Img src={toot().account.avatar} class="avatar" />
 | 
				
			||||||
      <div class={"name-grp"}>
 | 
					      <div class="name-grp">
 | 
				
			||||||
        <div class="name-primary">
 | 
					        <div class="name-primary">
 | 
				
			||||||
          <Show when={toot().account.bot}>
 | 
					          <Show when={toot().account.bot}>
 | 
				
			||||||
            <SmartToySharp class="acct-mark" aria-label="Bot" />
 | 
					            <SmartToySharp class="acct-mark" aria-label="Bot" />
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue