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

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

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

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

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

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

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