reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 11:41:17 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: waline style bug

Browse source
This commit is contained in:
radishzzz 2025-03-07 18:10:51 +00:00
parent 82f67c73a7
commit 66a04b5392
1 changed files with 131 additions and 100 deletions
Download patch file Download diff file Expand all files Collapse all files

231
src/components/Comments/Waline.astro
View file

@ -54,106 +54,137 @@ document.addEventListener('astro:after-swap', initWaline)
</script> </script>
<style is:global> <style is:global>
#waline { #waline .wl-panel {
.wl-panel { margin: 0;
margin: 0; border-radius: 0.5rem;
border-radius: 0.5rem; }
}
.wl-editor::placeholder { #waline .wl-editor::placeholder {
color: var(--waline-light-grey); color: var(--waline-light-grey);
} }
/* .wl-btn.primary {
border-color: var(--waline-light-grey); /* #waline .wl-btn.primary {
color: var(--waline-color); border-color: var(--waline-light-grey);
background: none; color: var(--waline-color);
} */ background: none;
.wl-text-number { } */
display: none;
} #waline .wl-text-number {
.wl-action[title="Markdown Guide"] { display: none;
display: none; }
}
.wl-emoji-popup { #waline .wl-action[title="Markdown Guide"] {
inset-inline-start: 0; display: none;
.wl-tab-wrapper { }
-ms-overflow-style: none;
scrollbar-width: none; #waline .wl-emoji-popup {
&::-webkit-scrollbar { inset-inline-start: 0;
display: none; }
}
} #waline .wl-emoji-popup .wl-tab-wrapper {
} -ms-overflow-style: none;
/* .wl-editor { scrollbar-width: none;
min-height: 6rem; }
} */
/* .wl-card-item { #waline .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar {
padding-left: 0; display: none;
padding-right: 0; }
} */
.wl-meta-head { #waline .wl-emoji-popup .wl-tab-wrapper {
padding-top: 0.75rem; margin: 0;
padding-bottom: 0.5rem; }
}
.wl-sort { /* #waline .wl-editor {
display: none; min-height: 6rem;
} } */
.wl-card {
border-bottom: none; /* #waline .wl-card-item {
} padding-left: 0;
.wl-footer { padding-right: 0;
margin: 0.5rem; } */
}
/* .wl-comment { #waline .wl-meta-head {
margin-bottom: 2rem; padding-top: 0.75rem;
} */ padding-bottom: 0.5rem;
.wl-header { }
padding: 0;
} #waline .wl-sort {
/* .wl-nick, display: none;
.wl-mail, }
.wl-link {
padding-left: 1rem; #waline .wl-card {
padding-right: 1rem; border-bottom: none;
} */ }
.wl-header.item3 {
border-bottom: none; #waline .wl-footer {
} margin: 0.5rem;
.wl-user { }
margin-inline-end: 0.9rem;
} /* #waline .wl-comment {
.wl-like { margin-bottom: 2rem;
margin-right: 0.4rem; } */
}
.wl-content p { #waline .wl-header {
line-height: 1.5rem; padding: 0;
} }
/* .wl-power{
color: color-mix(in oklch, var(--waline-theme-color), transparent 40%); /* #waline .wl-nick,
} #waline .wl-mail,
a[href*="walinejs"] { #waline .wl-link {
color: color-mix(in oklch, var(--waline-theme-color), transparent 40%); padding-left: 1rem;
} */ padding-right: 1rem;
/* .wl-user-avatar { } */
color: var(--waline-light-grey);
} */ #waline .wl-header.item3 {
.wl-time { border-bottom: none;
color: color-mix(in oklch, var(--waline-theme-color), transparent 40%); }
}
.wl-header-item { #waline .wl-user {
border-bottom: 1px solid var(--waline-border-color); margin-inline-end: 0.9rem;
} }
.wl-header label {
font-size: 0.75rem; #waline .wl-like {
} margin-right: 0.4rem;
.wl-header input { }
font-size: 0.7rem;
} #waline .wl-content p {
.wl-editor { line-height: 1.5rem;
min-height: 6rem; }
}
.wl-nick { /* #waline .wl-power {
margin-inline-end: 0.6rem; color: color-mix(in oklch, var(--waline-theme-color), transparent 40%);
} }
#waline a[href*="walinejs"] {
color: color-mix(in oklch, var(--waline-theme-color), transparent 40%);
} */
/* #waline .wl-user-avatar {
color: var(--waline-light-grey);
} */
#waline .wl-time {
color: color-mix(in oklch, var(--waline-theme-color), transparent 40%);
}
#waline .wl-header-item {
border-bottom: 1px solid var(--waline-border-color);
}
#waline .wl-header label {
font-size: 0.75rem;
}
#waline .wl-header input {
font-size: 0.7rem;
}
#waline .wl-editor {
min-height: 6rem;
}
#waline .wl-nick {
margin-inline-end: 0.6rem;
} }
</style> </style>