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