R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Added scrolling

Browse Source
This commit is contained in:
Adam Bem
2023-06-22 14:59:16 +02:00
parent 59e50e4797
commit 56ed20f1f7
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Frontend/src/components/xml/tooltips/TooltipComponent.vue
View File

@@ -13,12 +13,17 @@ function toggleTooltips() {
<template>
<div :class="{ 'w-1/2' : !areTooltipsHidden }" class="flex items-stretch p-2 flex-row rounded-xl bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
<button class="rotate-90 text-xl w-8 text-white" @click="toggleTooltips()">Tooltips</button>
<div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
<div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-scroll rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
<tooltipCategoryComponent name="Category I">
<tooltipEntryComponent name="Test"></tooltipEntryComponent>
<tooltipEntryComponent name="Teścik">Teścik</tooltipEntryComponent>
<tooltipEntryComponent name="Dłuuuuuuuggiiiiii teeeeeeeeeestttt"></tooltipEntryComponent>
</tooltipCategoryComponent>
<tooltipCategoryComponent name="Category II">
<tooltipEntryComponent name="Test"></tooltipEntryComponent>
<tooltipEntryComponent name="Teścik">Teścik</tooltipEntryComponent>
<tooltipEntryComponent name="Dłuuuuuuuggiiiiii teeeeeeeeeestttt"></tooltipEntryComponent>
</tooltipCategoryComponent>
</div>
</div>
</template>