hrms-bangkok/hrms-edm
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

refactor: make text ellipsis

Browse source
This commit is contained in:
oat 2023-11-28 09:24:20 +07:00 • committed by Methapon2001
parent fefc4fe2cd
commit 468c5f7770
No known key found for this signature in database
GPG key ID: 849924FEF46BD132
4 changed files with 3476 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

22
Services/client/src/components/FileItem.vue
View file

@ -63,8 +63,12 @@ async function handleSubmit() {
>
<div class="box border-radius-inherit">
<q-card flat @click="() => getFolder(value.pathname)">
<q-card-section class="column justify-center relative q-px-xl">
<q-icon :name="currentIcon" size="6em" color="primary" />
<q-card-section
class="column justify-center relative q-px-xl"
style="max-width: 220px"
:title="value.name"
>
<q-icon :name="currentIcon" size="6em" color="primary" class="column justify-center relative q-px-md"/>
<div
class="absolute"
style="top: 0.5rem; right: 0.5rem"
@ -82,7 +86,11 @@ async function handleSubmit() {
"
/>
</div>
<span class="text-center q-pt-md">{{ value.name }}</span>
<span
class="text-center q-pt-md text-overflow-handle"
style="max-width: 150px"
>{{ value.name }}</span
>
</q-card-section>
</q-card>
</div>
@ -91,8 +99,6 @@ async function handleSubmit() {
class="inline-block"
v-if="props.action && currentDept < 4"
tabindex="0"
>
<div class="dashed border-radius-inherit">
<q-card
@ -308,4 +314,10 @@ async function handleSubmit() {
right: 45px;
background-color: white;
}
.text-overflow-handle {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
</style>