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:
parent
c841f92a99
commit
b0178e9186
2 changed files with 12 additions and 0 deletions
|
|
@ -47,6 +47,9 @@ export default class WelcomeBanner extends Component {
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
{{#if this.shouldDisplay}}
|
{{#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}}>
|
<section class={{concat settings.banner_position "-outlet"}} {{didInsert this.didInsert}} {{willDestroy this.willDestroy}}>
|
||||||
<div class="welcome-card">
|
<div class="welcome-card">
|
||||||
<div class="hero-section">
|
<div class="hero-section">
|
||||||
|
|
|
||||||
|
|
@ -329,3 +329,12 @@ cta_card_4_url:
|
||||||
description:
|
description:
|
||||||
en: CTA card 4 URL
|
en: CTA card 4 URL
|
||||||
hu: 4. CTA kártya URL-je
|
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; }"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue