mirror/mobilizon
1
0
Fork 0
mirror of https://framagit.org/framasoft/mobilizon.git synced 2025-03-12 17:42:53 +00:00
Code Issues Releases Wiki Activity

Improves aligment of location components and changes border-color of the input to match the global component color

Browse source 
Solves #1621
This commit is contained in:
Massedil 2025-02-14 17:18:31 +01:00
parent a36a514747
commit 3721faa78e
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/Event/FullAddressAutoComplete.vue
View file

@ -1,6 +1,7 @@
<template> <template>
<div class="address-autocomplete"> <div class="address-autocomplete">
<o-field <o-field
id="FullAddressAutoComplete-o-field"
:label-for="id" :label-for="id"
:message="fieldErrors" :message="fieldErrors"
:variant="fieldErrors ? 'danger' : ''" :variant="fieldErrors ? 'danger' : ''"
@ -31,7 +32,7 @@
:id="id" :id="id"
:disabled="disabled" :disabled="disabled"
dir="auto" dir="auto"
class="!mt-0 !h-full" class="FullAddressAutoComplete-o-autocomplete !mt-0 !h-full"
> >
<template #default="{ option }"> <template #default="{ option }">
<p class="flex gap-1"> <p class="flex gap-1">
@ -503,6 +504,17 @@ const fieldErrors = computed(() => {
} }
} }
// Change border-color of the input to match the global component color
.FullAddressAutoComplete-o-autocomplete {
border-color: rgb(30 125 151 / var(--tw-bg-opacity));
}
// Try to remove an alignment glitch
// https://framagit.org/framasoft/mobilizon/-/issues/1621
#FullAddressAutoComplete-o-field .o-input__wrapper {
height: 100% !important;
}
.read-only { .read-only {
cursor: pointer; cursor: pointer;
} }