mirror/mobilizon
1
0
Fork 0
mirror of https://framagit.org/framasoft/mobilizon.git synced 2025-03-12 09:32:48 +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>
<div class="address-autocomplete">
<o-field
id="FullAddressAutoComplete-o-field"
:label-for="id"
:message="fieldErrors"
:variant="fieldErrors ? 'danger' : ''"
@ -31,7 +32,7 @@
:id="id"
:disabled="disabled"
dir="auto"
class="!mt-0 !h-full"
class="FullAddressAutoComplete-o-autocomplete !mt-0 !h-full"
>
<template #default="{ option }">
<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 {
cursor: pointer;
}