ami/tl-vikunja
1
0
Fork 0
Code

fix(filters): make the button look less like a button to avoid spacing problems

Browse Source
This commit is contained in:
kolaente 2024-03-05 18:34:55 +01:00
parent 2daecbc2bc
commit 2990c01d0a
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/project/partials/FilterInput.vue
View File

@ -96,7 +96,7 @@ const highlightedFilterQuery = computed(() => {
if (typeof value === 'undefined') { if (typeof value === 'undefined') {
value = '' value = ''
} }
return `${o} ${token} <button class="button is-primary filter-query__date_value" data-position="${position}">${value}</button><span class="filter-query__date_value_placeholder">${value}</span>` return `${o} ${token} <button class="is-primary filter-query__date_value" data-position="${position}">${value}</button><span class="filter-query__date_value_placeholder">${value}</span>`
}) })
}) })
assigneeFields assigneeFields
@ -234,8 +234,8 @@ function updateDateInQuery(newDate: string) {
} }
&.filter-query__date_value_placeholder { &.filter-query__date_value_placeholder {
padding: .125rem .25rem;
display: inline-block; display: inline-block;
color: transparent;
} }
&.filter-query__assignee_value { &.filter-query__assignee_value {
@ -253,11 +253,17 @@ function updateDateInQuery(newDate: string) {
} }
button.filter-query__date_value { button.filter-query__date_value {
padding: .125rem .25rem;
border-radius: $radius; border-radius: $radius;
position: absolute; position: absolute;
margin-top: calc((0.25em - 0.125rem) * -1); margin-top: calc((0.25em - 0.125rem) * -1);
height: 1.75rem; height: 1.75rem;
padding: 0;
border: 0;
background: transparent;
color: var(--primary);
font-size: 1rem;
cursor: pointer;
line-height: 1.5;
} }
} }
</style> </style>