chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: 01, 04 active tree & functional hold dialog

Browse source
This commit is contained in:
puriphatt 2024-07-19 10:35:18 +00:00
parent bc894192a3
commit f23916b2ea
3 changed files with 202 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/pages/01_branch-management/MainPage.vue
View file

@ -636,6 +636,7 @@ watch(
<template #default-header="{ node }">
<div
class="full-width q-py-sm"
:class="{ 'clickable-node': node.isHeadOffice }"
v-touch-hold.mouse="handleHold(node)"
@click.stop="
() => {
@ -1695,7 +1696,7 @@ watch(
</DrawerInfo>
<q-dialog v-model="holdDialog" position="bottom">
<div class="surface-1 full-width rounded column" style="height: 280px">
<div class="surface-1 full-width rounded column q-pb-md">
<div class="flex q-py-sm justify-center full-width">
<div
class="rounded"
@ -1790,7 +1791,7 @@ watch(
<q-item-section>{{ $t('delete') }}</q-item-section>
</q-item>
<q-item clickable v-ripple v-close-popup>
<q-item clickable v-ripple>
<q-item-section avatar>
<q-toggle
dense
@ -1914,30 +1915,4 @@ watch(
transform: translateY(-20px);
opacity: 0;
}
:deep(i.q-icon.mdi.mdi-play.q-tree__arrow) {
color: hsl(var(--text-mute));
}
:deep(.q-tree__node-header:before) {
color: hsl(var(--text-mute));
}
:deep(.q-tree__node-header.relative-position.row.no-wrap.items-center) {
padding-block: 0px;
}
:deep(.q-tree__node-header.relative-position.row.no-wrap.items-center):has(
i.q-icon.mdi.mdi-play.q-tree__arrow
):hover {
background-color: hsla(var(--info-bg) / 0.1);
}
:deep(
.q-tree__node-header.relative-position.row.no-wrap.items-center.q-tree__node--link.q-hoverable.q-focusable:has(
i.q-icon.mdi.mdi-play.q-tree__arrow.q-tree__arrow--rotate
)
) {
background-color: hsla(var(--info-bg) / 0.1);
}
</style>