fix: q-tree triangle
This commit is contained in:
parent
0fe6cc515e
commit
37ceaafa4a
3 changed files with 23 additions and 1 deletions
|
|
@ -128,3 +128,7 @@ i.q-icon.mdi.mdi-play.q-tree__arrow {
|
||||||
) {
|
) {
|
||||||
background-color: hsla(var(--info-bg) / 0.1);
|
background-color: hsla(var(--info-bg) / 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.q-tree > .q-tree__node--child > .q-tree__node-header {
|
||||||
|
padding-left: 32px;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -681,6 +681,13 @@ watch(
|
||||||
<div
|
<div
|
||||||
class="row col items-center justify-between full-width no-wrap"
|
class="row col items-center justify-between full-width no-wrap"
|
||||||
>
|
>
|
||||||
|
<q-icon
|
||||||
|
v-if="node.isHeadOffice"
|
||||||
|
name="mdi-triangle-down"
|
||||||
|
size="12px"
|
||||||
|
class="app-text-muted q-mr-md"
|
||||||
|
:style="`rotate: ${expandedTree[0] === node.id ? '0deg' : '30deg'}`"
|
||||||
|
/>
|
||||||
<div class="col row">
|
<div class="col row">
|
||||||
<span
|
<span
|
||||||
class="ellipsis col-12"
|
class="ellipsis col-12"
|
||||||
|
|
@ -1915,4 +1922,8 @@ watch(
|
||||||
transform: translateY(-20px);
|
transform: translateY(-20px);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
* :deep(.q-icon.mdi-play) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -1464,6 +1464,13 @@ watch(
|
||||||
<div
|
<div
|
||||||
class="row col items-center justify-between full-width no-wrap"
|
class="row col items-center justify-between full-width no-wrap"
|
||||||
>
|
>
|
||||||
|
<q-icon
|
||||||
|
v-if="node.type === 'group' && node._count.type > 0"
|
||||||
|
name="mdi-triangle-down"
|
||||||
|
size="12px"
|
||||||
|
class="app-text-muted q-mr-md"
|
||||||
|
:style="`rotate: ${expandedTree[0] === node.id ? '0deg' : '30deg'}`"
|
||||||
|
/>
|
||||||
<div class="col row">
|
<div class="col row">
|
||||||
<span
|
<span
|
||||||
class="ellipsis col-12"
|
class="ellipsis col-12"
|
||||||
|
|
@ -1481,7 +1488,7 @@ watch(
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="row q-gutter-xs items-center no-wrap"
|
class="row q-gutter-xs items-center no-wrap app-text-muted"
|
||||||
v-if="$q.screen.gt.xs"
|
v-if="$q.screen.gt.xs"
|
||||||
>
|
>
|
||||||
<q-btn
|
<q-btn
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue