Problem/Motivation
Acceptance criteria
AC 1 - Message available
Given I am a Content Author
When I open the components dropdown to add a new paragraph component
Then there is a component available called Message
And it’s located in alphabetical order below the Campaign
AC 2 - Message fields
GIVEN I’m a Content Author
WHEN I create a Message
THEN I see the following fields/elements:
- Type: select, required
- Information
- Success
- Warning
- Error
- Title: textfield, not required
- Rich text: not required
- Theme: radio, required
- Vertical space: select, required
- Background: checkbox, not required
AC 3 - Theme
Given I am a Content Author
When I create a Message
Then the Light and Dark settings radio buttons are present
And the default is Light
AC 4 - Vertical spacing
Given I am a Content Author
When I create a Message
Then the vertical space widget is available
And the options are None, Top, Bottom, Both
And it's set to Bottom by default
AC 5 - Background
Given I am a Content Author
When I create a Message
Then the checkbox is present
And the help text is Apply a themed background colour and provide horizontal spacing to the component
And it's unchecked by default
Proposed resolution
| Comment | File | Size | Author |
|---|
Issue fork civictheme-3507328
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
Comments
Comment #2
febdao commentedHi @fiona,
Let me know if you are happy for me to pick up this issue.
Comment #3
fionamorrison23 commentedComment #4
fionamorrison23 commentedComment #5
fionamorrison23 commentedComment #6
fionamorrison23 commentedComment #7
fionamorrison23 commentedComment #8
fionamorrison23 commentedComment #9
febdao commentedHi Fiona,
The Message paragraph component has been implemented.
Please take a look at my PR https://github.com/civictheme/monorepo-drupal/pull/1340
Cheers,
Comment #10
fionamorrison23 commentedComment #11
fionamorrison23 commentedComment #12
fionamorrison23 commentedComment #13
fionamorrison23 commentedComment #14
fionamorrison23 commentedComment #15
fionamorrison23 commentedComment #17
richardgaunt commentedComment #18
richardgaunt commentedComment #20
fionamorrison23 commentedComment #21
danielgry commentedVerified and tested on 1.x-dev
Testing Results:
1. Message component appears in the Add component list and is alphabetically placed below Campaign
2. All fields are correctly present under the message component
3. Theme radios are Light/Dark with Light as default
4. Vertical spacing options are None/Top/Bottom/Both with Bottom as default
5. Background checkbox is unchecked by default, and the help text is correct.
Screenshots:

AC 1
AC 2, 3, 4, 5

Comment #22
danielgry commentedComment #23
fionamorrison23 commented