diff --git a/src/components/comments/Comments.vue b/src/components/comments/Comments.vue index 3b07a1a..0546f4f 100644 --- a/src/components/comments/Comments.vue +++ b/src/components/comments/Comments.vue @@ -81,7 +81,7 @@ v-if="isAddOpen" action="" method="post" - class="flow | bg-white-20 | p-12 | rounded-xl" + class="flow | p-12 | rounded-xl" @submit="handleSubmit" > @@ -345,6 +345,7 @@ function openComment(comment) { position: -webkit-sticky; position: sticky; bottom: 5.5rem; + background: #333; } #comments-container textarea { position: sticky; @@ -375,16 +376,19 @@ function openComment(comment) { } .comment-marker { + --marker-size: 1.75rem; position: absolute; display: block; - width: 1.75rem; - height: 1.75rem; + width: var(--marker-size); + height: var(--marker-size); background: var(--icon-comment-default) no-repeat center / contain; cursor: pointer !important; z-index: 999; overflow: visible; transition: transform 0.1s ease-out; transform-origin: bottom left; + margin-left: calc(var(--marker-size) * -0.025); + margin-top: calc(var(--marker-size) / -1.025); } .comment-marker:hover { transform: scale(1.1);