Finetune SDDS examples so previews look decent in XB

Created on 28 August 2024, 19 days ago

Updated 3 September 2024, 13 days ago

Problem/Motivation

Baseline examples went in via:

📌 Add examples for all props in all SDDS baseline SDC YAML files Fixed

Some of the examples aren't sufficient so component previews don't show up properly in XB. For example, campaign is not showing an image:

Steps to reproduce

Proposed resolution

Within XB, go through each component that shows up with previews, e.g. alert, banner, callout, campaign, and compare the preview against UI Kit Storybook, and tweak anything that needs to be tweaked so it's a good looking preview.

The ones that are not showing up, e.g. accordion, back to top, breadcrumb, can be ignored for now. We can create a separate issue for those.

Remaining tasks

Install latest SDDS and XB per the dev guide →
Note that you will need to switch to the XB MR branch in this issue: 🐛 The component preview should have a background: include theme's global asset libraries for component preview Needs work
Note there is a scrolling issue that prevents easily looking at all of the components in the list right now so you'll have to focus on the ones that do show up 🐛 No upward auto-scroll when components are dragged Needs review
To get around the scrolling problem, you can delete components from https://starshot.ddev.site/admin/structure/component as long as you don't clear the cache and they will disappear so you can see more things
For each component that shows up with a preview already, compare against UI Kit Storybook and figure out what can be improved
Create an MR for any improvements
Review and test

User interface changes

The component previews in XB will look better.

API changes

Data model changes

📌 Task

Status

Postponed

Version

1.0

Component

Code

Created by

🇺🇸United States Kristen Pol Santa Cruz, CA, USA

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @Kristen Pol
Comment 19 days ago →
🇺🇸United States Kristen Pol Santa Cruz, CA, USA
Fix link.
Comment 18 days ago →
jacobadeutsch
kristen pol → credited jacobadeutsch → .
Comment 18 days ago →
🇺🇸United States Kristen Pol Santa Cruz, CA, USA
This can still be worked on but can focus on just the subset of components that show up in XB right now which include the demo components and the old designs and a few CivicTheme components.
Issue was unassigned.
Status changed to Postponed 13 days ago9:20pm 3 September 2024
Comment 13 days ago →
🇺🇸United States Kristen Pol Santa Cruz, CA, USA
Postponing until XB blockers are in better shape.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024