Update comments replies markup and style

This commit is contained in:
Timothée Goguely 2024-10-29 12:11:50 +01:00
parent ac337a03b4
commit badcc46358
5 changed files with 93 additions and 11 deletions

View file

@ -179,6 +179,7 @@ function changeFile(newFile) {
--flow-space: var(--space-12);
font-size: var(--text-sm);
border: var(--border);
border-width: 2px;
border-radius: var(--rounded-lg);
padding: var(--space-12);
color: var(--color-grey-400);
@ -219,20 +220,26 @@ function changeFile(newFile) {
.comment[data-status="unread"] header time {
color: var(--color-primary);
}
.comment[data-opened="true"] {
border-color: transparent;
}
.comment[data-opened="true"] .comment__replies {
color: var(--color-primary);
}
#comments-container form {
--flow-space: 0.5rem;
flex-direction: column;
position: -webkit-sticky;
position: sticky;
bottom: 4.5rem;
background: black;
padding: var(--space-24) 0;
bottom: 5.5rem;
}
#comments-container textarea {
position: sticky;
bottom: 0;
margin: 0;
resize: none;
background: none;
padding: 0;
color: var(--color-white);
}
::placeholder {