Contrib.social

Update SDDS CSS so stats fits in XB

Open on Drupal.org →
Created on 7 September 2024, 11 days ago
Updated 9 September 2024, 9 days ago

Problem/Motivation

When integrating the stats component with XB, styling is too big.

See Figma design:

📌 Create updated Stats component Fixed

Screenshot in XB:

Steps to reproduce

  1. Set up local with dev guide →
  2. You might need to run drush cr a couple times to get rid of errors
  3. Note the latest XB doesn't let you scroll the components but you can zoom out in the browser to see the components
  4. Delete all the components in XB (you can select and use delete button)
  5. Drag the "Starshot Stats VERSION 2" component into Desktop area (see video)
  6. 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 stats component looks okay in XB.

Remaining tasks

See above.

User interface changes

Stats 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