Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style view thread continuation button + fix link underline

Browse Source
This commit is contained in:
Freeplay 2023-02-24 22:33:21 -05:00
parent 5eee718750
commit 92b8aed3e2
2 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/client/src/components/MkNoteSub.vue
View File

@ -28,6 +28,7 @@
<MkNoteSub v-for="reply in replies" :key="reply.id" :note="reply" class="reply" :conversation="conversation" :depth="depth + 1"/> <MkNoteSub v-for="reply in replies" :key="reply.id" :note="reply" class="reply" :conversation="conversation" :depth="depth + 1"/>
</template> </template>
<div v-else-if="replies.length > 0" class="more"> <div v-else-if="replies.length > 0" class="more">
<div class="line"></div>
<MkA class="text _link" :to="notePage(note)">{{ i18n.ts.continueThread }} <i class="ph-caret-double-right-bold ph-lg"></i></MkA> <MkA class="text _link" :to="notePage(note)">{{ i18n.ts.continueThread }} <i class="ph-caret-double-right-bold ph-lg"></i></MkA>
</div> </div>
</template> </template>
@ -135,6 +136,11 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
:deep(.footer) { :deep(.footer) {
font-size: .9em; font-size: .9em;
} }
> .main:hover {
:deep(.footer .button) {
opacity: 1;
}
}
} }
> .reply, > .more { > .reply, > .more {
margin-top: 10px; margin-top: 10px;
@ -147,7 +153,23 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
} }
> .more { > .more {
padding: 10px 0 0 16px; display: flex;
padding-block: 10px;
font-weight: 600;
> .line {
flex-grow: 0 !important;
margin-top: -10px !important;
margin-bottom: 10px !important;
margin-right: 10px !important;
&::before {
border-left-style: dashed !important;
border-bottom-left-radius: 100px !important;
}
}
i {
font-size: 1em !important;
vertical-align: middle !important;
}
} }
&.reply-to, &.reply-to-more { &.reply-to, &.reply-to-more {

1
packages/client/src/style.scss
View File

@ -479,6 +479,7 @@ hr {
} }
._link { ._link {
position: relative;
color: var(--link); color: var(--link);
&:after { &:after {