kodev-org
/
vikunja
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(quick actions): add close button on mobile

This commit is contained in:
kolaente 2025-03-09 12:16:30 +01:00
parent 23303488da
commit 0e75011c11
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/quick-actions/QuickActions.vue
View File

@ -28,6 +28,12 @@
@keyup.prevent.enter="doCmd"
@keyup.prevent.esc="closeQuickActions"
>
<BaseButton
class="close"
@click="closeQuickActions"
>
<Icon icon="times" />
</BaseButton>
</div>
<div
@ -603,12 +609,24 @@ function reset() {
.input {
border: 0;
font-size: 1.5rem;
@media screen and (max-width: $tablet) {
padding-right: .25rem;
}
}
&.has-active-cmd .input {
padding-left: .5rem;
}
.close {
padding: 0 1rem 0 .5rem;
font-size: 1.5rem;
@media screen and (min-width: $tablet + 1) {
display: none;
}
}
}
.active-cmd {