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

fix: hide dropdown icon when sceen xs

Browse source
This commit is contained in:
puriphatt 2024-07-18 04:51:09 +00:00
parent 035d3b0dcf
commit c910fbf7e7
5 changed files with 19 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/css/quasar.variables.scss
View file

@ -97,3 +97,9 @@ div.fullscreen.q-drawer__backdrop {
.q-field--outlined.q-field--readonly .q-field__control:before { .q-field--outlined.q-field--readonly .q-field__control:before {
border-color: transparent; border-color: transparent;
} }
.q-field__native {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

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

@ -554,6 +554,7 @@ watch(locale, () => {
:limits="[0, 100]" :limits="[0, 100]"
style="width: 100%" style="width: 100%"
class="col" class="col"
before-class="overflow-hidden"
after-class="overflow-hidden" after-class="overflow-hidden"
> >
<template v-slot:before> <template v-slot:before>
@ -563,7 +564,6 @@ watch(locale, () => {
:style="`min-height: ${$q.screen.gt.sm ? '57px' : '100.8px'}`" :style="`min-height: ${$q.screen.gt.sm ? '57px' : '100.8px'}`"
> >
<div class="col">จัดการสาขาทั้งหมด</div> <div class="col">จัดการสาขาทั้งหมด</div>
<q-btn <q-btn
round round
flat flat
@ -806,13 +806,13 @@ watch(locale, () => {
<div <div
class="row col-12 col-md-6" class="row col-12 col-md-6"
:class="{ 'q-pt-xs': $q.screen.lt.md }" :class="{ 'q-pt-xs': $q.screen.lt.md }"
style="white-space: nowrap"
> >
<q-select <q-select
v-model="statusFilter" v-model="statusFilter"
outlined outlined
dense dense
option-value="value" option-value="value"
:hide-dropdown-icon="$q.screen.lt.sm"
option-label="label" option-label="label"
class="col" class="col"
map-options map-options
@ -834,6 +834,7 @@ watch(locale, () => {
fieldDisplay.map((v) => ({ label: $t(v), value: v })) fieldDisplay.map((v) => ({ label: $t(v), value: v }))
" "
:display-value="$t('displayField')" :display-value="$t('displayField')"
:hide-dropdown-icon="$q.screen.lt.sm"
class="col q-mx-sm" class="col q-mx-sm"
v-model="fieldSelected" v-model="fieldSelected"
option-label="label" option-label="label"
@ -1681,4 +1682,8 @@ watch(locale, () => {
transform: translateY(-20px); transform: translateY(-20px);
opacity: 0; opacity: 0;
} }
:deep(.q-tree__node-header.relative-position.row.no-wrap.items-center) {
padding-block: 8px;
}
</style> </style>

2
src/pages/02_personnel-management/MainPage.vue
View file

@ -744,6 +744,7 @@ watch(inputSearch, async () => await fetchUserList());
class="col" class="col"
map-options map-options
emit-value emit-value
:hide-dropdown-icon="$q.screen.lt.sm"
:options="[ :options="[
{ label: $t('all'), value: 'all' }, { label: $t('all'), value: 'all' },
{ label: $t('statusACTIVE'), value: 'statusACTIVE' }, { label: $t('statusACTIVE'), value: 'statusACTIVE' },
@ -763,6 +764,7 @@ watch(inputSearch, async () => await fetchUserList());
})) }))
" "
:display-value="$t('displayField')" :display-value="$t('displayField')"
:hide-dropdown-icon="$q.screen.lt.sm"
v-model="fieldSelected" v-model="fieldSelected"
option-label="label" option-label="label"
option-value="value" option-value="value"

2
src/pages/03_customer-management/MainPage.vue
View file

@ -1686,6 +1686,7 @@ watch([inputSearch, currentStatus], async () => {
class="col" class="col"
map-options map-options
emit-value emit-value
:hide-dropdown-icon="$q.screen.lt.sm"
:options="[ :options="[
{ label: $t('all'), value: 'All' }, { label: $t('all'), value: 'All' },
{ label: $t('statusACTIVE'), value: 'ACTIVE' }, { label: $t('statusACTIVE'), value: 'ACTIVE' },
@ -1703,6 +1704,7 @@ watch([inputSearch, currentStatus], async () => {
: fieldDisplayEmployee : fieldDisplayEmployee
" "
:display-value="$t('displayField')" :display-value="$t('displayField')"
:hide-dropdown-icon="$q.screen.lt.sm"
v-model="fieldSelected" v-model="fieldSelected"
option-label="label" option-label="label"
option-value="value" option-value="value"

2
src/pages/04_product-service/MainPage.vue
View file

@ -1686,6 +1686,7 @@ watch(inputSearchProductAndService, async () => {
class="col" class="col"
map-options map-options
emit-value emit-value
:hide-dropdown-icon="$q.screen.lt.sm"
:options="[ :options="[
{ label: $t('all'), value: 'All' }, { label: $t('all'), value: 'All' },
{ label: $t('statusACTIVE'), value: 'ACTIVE' }, { label: $t('statusACTIVE'), value: 'ACTIVE' },
@ -1706,6 +1707,7 @@ watch(inputSearchProductAndService, async () => {
value: x, value: x,
})) }))
" "
:hide-dropdown-icon="$q.screen.lt.sm"
:display-value="$t('displayField')" :display-value="$t('displayField')"
v-model="tbControl.groupAndType.fieldSelected" v-model="tbControl.groupAndType.fieldSelected"
class="col q-mx-sm" class="col q-mx-sm"