ami/tl-vikunja
1
0
Fork 0
Code

feat: improve priority visibility

Browse Source 
(cherry picked from commit d35454c099f1f4aceb513634b7c531272fa8d550)
This commit is contained in:
Dominik Pschenitschni 2024-07-18 15:11:34 +02:00 committed by kolaente
parent a0e3efe2d1
commit dddba4d64a
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
3 changed files with 18 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/misc/Icon.ts
View File

@ -28,7 +28,7 @@ import {
faDownload, faDownload,
faEllipsisH, faEllipsisH,
faEllipsisV, faEllipsisV,
faExclamation, faExclamationCircle,
faEye, faEye,
faEyeSlash, faEyeSlash,
faFile, faFile,
@ -138,7 +138,7 @@ library.add(faCopy)
library.add(faDownload) library.add(faDownload)
library.add(faEllipsisH) library.add(faEllipsisH)
library.add(faEllipsisV) library.add(faEllipsisV)
library.add(faExclamation) library.add(faExclamationCircle)
library.add(faEye) library.add(faEye)
library.add(faEyeSlash) library.add(faEyeSlash)
library.add(faFillDrip) library.add(faFillDrip)

27
frontend/src/components/tasks/partials/PriorityLabel.vue
View File

@ -1,14 +1,17 @@
<template> <template>
<span <span
v-if="!done && (showAll || priority >= priorities.HIGH)" v-if="!done && (showAll || priority >= priorities.HIGH)"
:class="{'not-so-high': priority === priorities.HIGH, 'high-priority': priority >= priorities.HIGH}" :class="{
'not-so-high': priority === priorities.HIGH,
'high-priority': priority >= priorities.HIGH
}"
class="priority-label" class="priority-label"
> >
<span <span
v-if="priority >= priorities.HIGH" v-if="priority >= priorities.HIGH"
class="icon" class="icon"
> >
<Icon icon="exclamation" /> <Icon icon="exclamation-circle" />
</span> </span>
<span> <span>
<template v-if="priority === priorities.UNSET">{{ $t('task.priority.unset') }}</template> <template v-if="priority === priorities.UNSET">{{ $t('task.priority.unset') }}</template>
@ -18,12 +21,6 @@
<template v-if="priority === priorities.URGENT">{{ $t('task.priority.urgent') }}</template> <template v-if="priority === priorities.URGENT">{{ $t('task.priority.urgent') }}</template>
<template v-if="priority === priorities.DO_NOW">{{ $t('task.priority.doNow') }}</template> <template v-if="priority === priorities.DO_NOW">{{ $t('task.priority.doNow') }}</template>
</span> </span>
<span
v-if="priority === priorities.DO_NOW"
class="icon pr-0"
>
<Icon icon="exclamation" />
</span>
</span> </span>
</template> </template>
@ -42,18 +39,18 @@ withDefaults(defineProps<{
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
span.high-priority { .high-priority {
color: var(--danger); color: var(--danger);
width: auto !important; // To override the width set in tasks width: auto !important; // To override the width set in tasks
}
.not-so-high {
color: var(--warning);
}
.icon { .icon {
vertical-align: top; vertical-align: top;
width: auto !important; width: auto !important;
padding: 0 .5rem; padding-right: .5rem;
}
&.not-so-high {
color: var(--warning);
}
} }
</style> </style>

4
frontend/src/views/tasks/TaskDetailView.vue
View File

@ -86,7 +86,7 @@
> >
<!-- Priority --> <!-- Priority -->
<div class="detail-title"> <div class="detail-title">
<Icon icon="exclamation" /> <Icon icon="exclamation-circle" />
{{ $t('task.attributes.priority') }} {{ $t('task.attributes.priority') }}
</div> </div>
<PrioritySelect <PrioritySelect
@ -441,7 +441,7 @@
<x-button <x-button
v-shortcut="'p'" v-shortcut="'p'"
variant="secondary" variant="secondary"
icon="exclamation" icon="exclamation-circle"
@click="setFieldActive('priority')" @click="setFieldActive('priority')"
> >
{{ $t('task.detail.actions.priority') }} {{ $t('task.detail.actions.priority') }}