Fix layout builder offcanvas styling (in 6.x)

Created on 8 February 2024, 5 months ago
Updated 11 February 2024, 5 months ago

This should be a summary of all styling issues related to offcanvas interface of the layout builder.

  • when there's .text-muted class applied, it's displayed in --bs-secondary-color which is usually black (not readable on a gray background the offcanvas uses)
πŸ› Bug report
Status

Needs work

Version

6.0

Component

Code

Created by

πŸ‡¨πŸ‡ΏCzech Republic milos.kroulik

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

Merge Requests

Comments & Activities

  • Issue created by @milos.kroulik
  • Merge request !79Update _offcanvas.scss β†’ (Open) created by milos.kroulik
  • Pipeline finished with Success
    5 months ago
    Total: 149s
    #92160
  • Status changed to Needs review 5 months ago
  • πŸ‡¨πŸ‡ΏCzech Republic milos.kroulik

    I tried to fix the found issue. I will re-activate issue, if I will find something else.

  • The CSS approach for the MR is not the way moving forward, and having !important for anything should be a last resort

  • Status changed to Needs work 5 months ago
  • πŸ‡¨πŸ‡ΏCzech Republic milos.kroulik

    The CSS approach for the MR is not the way moving forward

    Sorry, is there any developer documentation I can study to do better next time?

    having !important for anything should be a last resort

    I know, I used it purely because Bootstrap uses it for text-muted class and I don't know how to handle it differently.

  • Not sure of any documentation regarding this, but for Radix, we are a base theme, so we shouldn't be considering CSS styles much into the core of the theme, since its all UI preferences, and since we are talking Bootstrap, everything is overridable via variables if it comes to the CSS

    Not saying that any CSS changes are wrong, just it should ideally be the last resort if all else fails, for instance the first thing that pops into my head is to get rid of the class applied to the element rather than changing the color of text-muted

Production build 0.69.0 2024