From 916b767b355a5499115cf458bc562abb77f36f40 Mon Sep 17 00:00:00 2001 From: Dominik Polakovics Date: Tue, 22 Apr 2025 17:19:50 +0200 Subject: [PATCH] feat: changes to form design --- packages/base/Configuration/Ext/Form/Yaml/Setup.yaml | 5 +++-- packages/base/Resources/Public/Scss/components/form.scss | 3 +++ packages/base/Resources/Public/Scss/main.scss | 1 + 3 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 packages/base/Resources/Public/Scss/components/form.scss diff --git a/packages/base/Configuration/Ext/Form/Yaml/Setup.yaml b/packages/base/Configuration/Ext/Form/Yaml/Setup.yaml index 68c33fc..ae6684c 100644 --- a/packages/base/Configuration/Ext/Form/Yaml/Setup.yaml +++ b/packages/base/Configuration/Ext/Form/Yaml/Setup.yaml @@ -13,6 +13,7 @@ TYPO3: - renderingOptions: formNavigation: + navigationClassAttribute: 'form-navigation text-right' btnNextClassAttribute: 'btn btn-primary' btnPreviousClassAttribute: 'btn btn-outline btn-primary' btnSubmitClassAttribute: 'btn btn-primary' @@ -44,7 +45,7 @@ TYPO3: - properties: containerClassAttribute: 'form-control form-element-checkbox mb-4' - elementClassAttribute: 'checkbox' + elementClassAttribute: 'checkbox border border-primary' labelTextClassAttribute: 'label-text' labelClassAttribute: 'label cursor-pointer justify-start gap-2' ContentElement: @@ -147,7 +148,7 @@ TYPO3: properties: fieldsetClassAttribute: 'mb-4 [&>legend]:label [&>legend]:label-text [&>legend]:justify-start' containerClassAttribute: 'form-control form-element-radio' - elementClassAttribute: 'radio' + elementClassAttribute: 'radio border border-primary' labelTextClassAttribute: 'label-text' labelClassAttribute: 'label cursor-pointer justify-start gap-2' Telephone: diff --git a/packages/base/Resources/Public/Scss/components/form.scss b/packages/base/Resources/Public/Scss/components/form.scss new file mode 100644 index 0000000..951a76b --- /dev/null +++ b/packages/base/Resources/Public/Scss/components/form.scss @@ -0,0 +1,3 @@ +.frame-type-form_formframework { + @apply py-16; +} diff --git a/packages/base/Resources/Public/Scss/main.scss b/packages/base/Resources/Public/Scss/main.scss index 102e930..bdf9548 100644 --- a/packages/base/Resources/Public/Scss/main.scss +++ b/packages/base/Resources/Public/Scss/main.scss @@ -15,5 +15,6 @@ /* @import "components/news_detail"; */ /* @import 'components/footer'; */ @import 'components/buttons'; +@import 'components/form'; @import 'layouts/home-page';