Contrib.social

Modernise sensor summary and remove Gin specific selectors

Open on Drupal.org →
Created on 17 June 2024, 11 days ago
Updated 18 June 2024, 10 days ago

Problem/Motivation

I had the same issues with the current stable with Gin, I do see 🐛 The display is broken with gin Fixed has addressed it, albeit with Gin specific selectors.

Before screenshot (before 🐛 The display is broken with gin Fixed )

Steps to reproduce

Proposed resolution

I think we can do without the specific selectors, by ridding ourselves of the CSS floats, and adopt flexbox.

Though this resolution does change the markup of the summary template, and the used CSS, it does retain the existing variables

Switches:

  • CSS selector structure, componentized
  • Markup structure, suitable for better customisation
  • Switched statuses to a "pill" style with more modern colors than the plain square box.
  • Balances out the layout into a 2+2 or stacked in small screen. Consistent spacing, better margins compatible with Gin.
  • Switches out twig trans tags

New small

New large

Remaining tasks

Nil.

User interface changes

Yes.

API changes

Modified template/translation strings/css.

Data model changes

Nil

✨ Feature request
Status

Needs review

Version

1.0

Component

User interface

Created by

🇦🇺Australia dpi Perth, Australia

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.69.0 2024