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

#61 Add comments to dynamic vue

Browse source
This commit is contained in:
Timothée Goguely 2024-12-18 18:22:39 +01:00
parent 4b37d85483
commit 75b492004b
1 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/project/virtual-sample/VirtualSample.vue
View file

@ -70,20 +70,21 @@
}}</span>
</button>
<button
v-if="activeTab === 'static'"
id="toggle-comments"
:aria-pressed="isCommentsOpen"
class="btn btn--transparent btn--outline"
data-icon="comment"
@click="isCommentsOpen = !isCommentsOpen"
>
<span class="sr-only">Afficher les commentaires</span>
<span class="sr-only">{{ isCommentsOpen ? 'Masquer' : 'Afficher' }} les commentaires</span>
</button>
</template>
<Comments v-if="isCommentsOpen" @show-draft-marker="showDraftMarker" />
</Dialog>
</template>
<script setup>
import Comments from "../../comments/Comments.vue";
import { storeToRefs } from "pinia";
import Dialog from "primevue/dialog";
import DynamicView from "./DynamicView.vue";
@ -116,4 +117,10 @@ watch(isOpen, (newValue) => {
.dialog__inner {
padding: var(--space-16);
}
.with-comments .dialog__inner {
margin-right: var(--dialog-comments-w, 20rem);
}
#comments-container {
top: var(--dialog-header-h);
}
</style>