studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Fix comment-container form background color #3 and adjust comment-marker position #8

Browse source
This commit is contained in:
Timothée Goguely 2024-11-20 16:43:00 +01:00
parent fddde41166
commit ee30eb2b6e
1 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/comments/Comments.vue
View file

@ -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"
>
<label class="sr-only" for="comment">Votre commentaire</label>
@ -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);