Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests Projects Activity Actions

TootAuthorGroup: fix visual on Profile
All checks were successful
/ depoly (push) Successful in 1m19s
Details

Browse source
This commit is contained in:
thislight 2024-11-24 17:22:38 +08:00
parent 5d6eb7282a
commit d55a117aa4
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
3 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/profiles/Profile.css
View file

@ -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;

2
src/timelines/toots/TootAuthorGroup.css
View file

@ -24,7 +24,7 @@
} }
&:hover { &:hover {
.tootAuthorNamePrimary { > .name-primary {
text-decoration: underline; text-decoration: underline;
} }
} }

2
src/timelines/toots/TootAuthorGroup.tsx
View file

@ -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" />