worldcone/cherrypick
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

improve note header design

Browse source
This commit is contained in:
NoriDev 2023-05-29 21:17:50 +09:00
parent a4b681a9c0
commit 856576ecfd
5 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/frontend/src/components/MkNote.vue
View file

@ -593,6 +593,12 @@ function showReactions(): void {
.renoteUserName {
font-weight: bold;
text-decoration: none;
&:hover {
color: var(--renoteHover);
text-decoration: none;
}
}
.renoteInfo {

5
packages/frontend/src/components/MkNoteDetailed.vue
View file

@ -536,6 +536,11 @@ if (appearNote.replyId) {
.noteHeaderName {
font-weight: bold;
line-height: 1.3;
&:hover {
color: var(--nameHover);
text-decoration: none;
}
}
.isBot {

3
packages/frontend/src/components/MkNoteHeader.vue
View file

@ -55,7 +55,8 @@ defineProps<{
text-overflow: ellipsis;
&:hover {
text-decoration: underline;
color: var(--nameHover);
text-decoration: none;
}
}

1
packages/frontend/src/themes/_dark.json5
View file

@ -45,6 +45,7 @@
mentionMe: '@mention',
renote: '@accent',
renoteHover: ':lighten<5<@renote',
nameHover: ':darken<5<@fg',
modalBg: 'rgba(0, 0, 0, 0.5)',
scrollbarHandle: 'rgba(255, 255, 255, 0.2)',
scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)',

1
packages/frontend/src/themes/_light.json5
View file

@ -45,6 +45,7 @@
mentionMe: '@mention',
renote: '#229e82',
renoteHover: ':lighten<5<@renote',
nameHover: ':lighten<5<@fg',
modalBg: 'rgba(0, 0, 0, 0.3)',
scrollbarHandle: 'rgba(0, 0, 0, 0.2)',
scrollbarHandleHover: 'rgba(0, 0, 0, 0.4)',