Contrib.social

Update SDDS hero CSS so hero fits in XB

Open on Drupal.org →
Created on 7 September 2024, 4 months ago
Updated 9 September 2024, 3 months ago

Problem/Motivation

When integrating the hero component with XB, the width of the area is makes the hero split across two rows.

See Figma design:

📌 Create updated Hero component Fixed

Screenshot in XB:

Steps to reproduce

  1. Set up local with dev guide →
  2. Note the latest XB doesn't let you scroll the components but you can zoom out in the browser to see the components
  3. Delete all the components in XB (you can select and use delete button)
  4. Drag the "Starshot Hero TESTING" component into Desktop area (see video)
  5. It should look like above

Note, you might need to comment out this in XB for now:

+++ b/src/Plugin/Field/FieldFormatter/NaiveComponentTreeFormatter.php
@@ -24,7 +24,8 @@ class NaiveComponentTreeFormatter extends FormatterBase {
    * {@inheritdoc}
    */
   public function viewElements(FieldItemListInterface $items, $langcode) {
-    assert($items->count() === 1);
+    // @fixme
+    //assert($items->count() === 1);

Proposed resolution

Fix CSS so that the hero fits into XB properly.

Remaining tasks

See above.

User interface changes

Hero looks okay in XB.

API changes

Data model changes

📌 Task
Status

Closed: outdated

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.
Sign in to follow issues

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024