Add custom CSS setting for admin customization

- Add custom_css textarea setting in settings.yml
- Support custom CSS injection in welcome-banner component
- Allow admins to override or extend banner styles without modifying code
- Inject custom CSS only when banner is displayed
- Include English and Hungarian descriptions with examples
This commit is contained in:
gabeszm 2025-10-16 17:32:23 +02:00
parent c841f92a99
commit b0178e9186
2 changed files with 12 additions and 0 deletions

View file

@ -47,6 +47,9 @@ export default class WelcomeBanner extends Component {
<template>
{{#if this.shouldDisplay}}
{{#if settings.custom_css}}
<style>{{settings.custom_css}}</style>
{{/if}}
<section class={{concat settings.banner_position "-outlet"}} {{didInsert this.didInsert}} {{willDestroy this.willDestroy}}>
<div class="welcome-card">
<div class="hero-section">

View file

@ -329,3 +329,12 @@ cta_card_4_url:
description:
en: CTA card 4 URL
hu: 4. CTA kártya URL-je
# Advanced Customization
custom_css:
default: ""
type: string
textarea: true
description:
en: "Custom CSS to override or extend banner styles. Example: .welcome-card { background: blue; }"
hu: "Egyedi CSS a banner stílusok felülírásához vagy kiterjesztéséhez. Példa: .welcome-card { background: blue; }"