Improve visual consistency across different themes

Created on 10 August 2024, 4 months ago
Updated 5 September 2024, 4 months ago

Problem/Motivation

The Visual Debugger UI is configured via multiple configurations applied to the controller element and its children via CSS variables. The current layout was developed and thoroughly tested on top of the default Olivero theme, which comes pre-bundled as a default theme on boilerplate Drupal installations.

While the current interface is good enough when debugging pages using the Olivero theme, it might lose some of its characteristics when applied to other contribute or custom themes. This ticket aims to increase visual consistency on elements like font-family, font-weight, and any other properties required to promote visual consistency.

Steps to reproduce

Install multiple different themes and compare how the Visual Debugger ply-out controller window and clickable instances are rendered.

Proposed resolution

Considering the test described/suggested on the previous topic, the ideal scenario is one where the controller bar and layer instances look the same across all themes.

Remaining tasks

Apply the required improvements/adjustments to the CSS code.

User interface changes

Enforce standardization across themes.

API changes

--

Data model changes

--

📌 Task
Status

Fixed

Version

1.0

Component

Development

Created by

🇧🇷Brazil mabho Rio de Janeiro, RJ

Live updates comments and jobs are added and updated live.
  • CSS

    It involves the content or handling of Cascading Style Sheets.

Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024