Rework comment UI

Add error popups, text field validation, move form, move comment header to footer, updated styling
This commit is contained in:
Michael Shamoon 2022-08-07 21:44:28 -07:00
parent d5018af2a3
commit 1b56ffd0c0
3 changed files with 65 additions and 57 deletions

View file

@ -1,22 +1,9 @@
.comment-card-body {
padding-top: .8rem !important;
padding-bottom: .8rem !important;
max-height: 10rem;
.card-body {
max-height: 12rem;
overflow: scroll;
white-space: pre-wrap;
}
.comment-card-header a {
border: none;
background: none;
padding: 5px;
border-radius: 50%;
}
.comment-card-header a:hover {
background: #FFF;
}
.comment-card-header a:hover svg {
fill: var(--primary);
.card:hover .fade {
opacity: 1;
}