Update comments replies markup and style
This commit is contained in:
parent
ac337a03b4
commit
badcc46358
5 changed files with 93 additions and 11 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue