rimgo/static/css/comments.css

67 lines
1008 B
CSS
Raw Normal View History

2022-01-18 23:05:06 +00:00
.comment {
gap: 0.5em;
}
.comments {
2022-10-13 21:29:05 +00:00
margin-top: 1em;
2022-01-18 23:05:06 +00:00
gap: 0.25em;
}
.replies {
margin-left: 20px;
2022-01-18 23:09:12 +00:00
border-left: 2px #424242 solid;
2022-01-18 23:05:06 +00:00
padding-left: 8px;
}
#comments__expandBtn {
display: none;
}
.comments__expandBtn__label {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
cursor: pointer;
user-select: none;
text-decoration: none;
color: #fff
}
.comments__expandBtn__icon {
font-size: 24px;
}
#comments__expandBtn ~ .comments__expandBtn__label > span::after {
2022-10-13 22:26:08 +00:00
content: "⌄";
2022-01-18 23:05:06 +00:00
}
#comments__expandBtn:checked ~ .comments__expandBtn__label > span::after {
2022-10-13 22:26:08 +00:00
content: "⌃";
2022-01-18 23:05:06 +00:00
}
#comments__expandBtn:checked ~ .comments {
display: none;
}
.comment__media {
2022-10-08 21:50:08 +00:00
height: 10em;
2022-10-13 21:29:05 +00:00
display: block;
margin: 0.5em 0;
2022-01-18 23:05:06 +00:00
}
.comment__updatedDate {
font-size: 0.8em;
}
.comment__user {
display: flex;
gap: 6px;
align-items: center;
2022-01-18 23:21:25 +00:00
}
.comment__user__username {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
2022-01-18 23:05:06 +00:00
}