[needs design] Make broken responsive theme CSS usable in XB

Created on 22 August 2024, 3 months ago

Overview

šŸ“Œ [needs design] [RESEARCH] Previewed component tree for Content Creator does not match the result for Visitor Active just landed and made the preview much more accurate šŸ‘

However, that introduced a visual regression when the "hero" image is fairly wide ā€¦ due to a bug in Olivero:


šŸ‘† This appears to be a CSS problem, AFAICT because the user agent stylesheet of

img {
    overflow-clip-margin: content-box;
    overflow: clip;
}

is overridden by Olivero to

img, video {
    display: block;
    max-width: 100%;
    height: auto;
}

Proposed resolution

Either:

  1. harden against such edge cases, and override the default theme's styles
  2. or accept the weird "dangling rectangles", and just make them have a different color, or use a dashed outline, to indicate this is not visible.

User interface changes

šŸ“Œ Task
Status

Closed: duplicate

Component

Page builder

Created by

šŸ‡§šŸ‡ŖBelgium wim leers Ghent šŸ‡§šŸ‡ŖšŸ‡ŖšŸ‡ŗ

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

    Makes Drupal easier to use. Preferred over UX, D7UX, etc.

  • CSS

    It involves the content or handling of Cascading Style Sheets.

Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024