Elgato_dark/zammad
1
0
Fork 0
mirror of https://github.com/zammad/zammad synced 2026-05-24 09:48:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixes #4770 - Security type selector overlaps label

Browse source
This commit is contained in:
Vladimir Sheremet 2023-08-22 08:17:37 +02:00
parent 676b42a98f
commit 566fe287a5
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/frontend/apps/mobile/form/theme/global/getCoreClasses.ts
View file

@ -68,7 +68,13 @@ const getCoreClasses: FormThemeExtension = (classes: FormThemeClasses) => {
recipient: addBlockFloatingLabel(classes.recipient),
button: addButtonVariants(classes.button),
submit: addButtonVariants(classes.submit),
security: addBlockFloatingLabel(classes.security),
security: extendClasses(classes.security, {
outer:
'relative px-2 formkit-invalid:bg-red-dark formkit-errors:bg-red-dark',
wrapper: 'inline-flex w-full h-14 px-2 items-center',
label:
'formkit-required:required text-white w-full h-14 leading-[3.5rem] truncate text-base',
}),
}
}

2
app/frontend/shared/components/Form/fields/FieldSecurity/FieldSecurity.vue
View file

@ -144,7 +144,7 @@ const changeSecurityState = (method: EnumSecurityStateType) => {
<div
:id="`${context.node.name}-${context.formId}`"
:class="context.classes.input"
class="flex h-auto flex-col gap-2"
class="flex h-auto flex-row gap-2"
>
<div
v-if="securityMethods.length > 1"