Claro off-canvas dialog styling issues and inconsistencies

Created on 17 May 2023, about 2 years ago
Updated 8 May 2024, about 1 year ago

Problem/Motivation

The problems:
when we install admin_dialog contrib module with claro theme and click on 'Add Custom Block' dialog box will be open, found that the Inconsistency in the off-canvas dialog theming like (font-size, alignment, buttons themes, padding, duplicate text) etc. Needs the consistency in dialog box theming.

Inconsistency:

  1. "Revision information No revision" is shown twice and without padding.
  2. Filter wrapper is taking too much vertical space, font-size should be like Block description (.form-item__description) and (div.filter-help) should be align right
  3. "Save" Button - font-size and padding is too small & the border-radius is too big compared to claro's non-off-canvas buttons

Steps to reproduce

  1. Clean install D10 (with default Claro theme)
  2. Edit the "Add Custom Block" action link (route name = block_content_add_action) to be an Off-canvas dialog (data-dialog-type="dialog" data-dialog-renderer="off_canvas"), for example with the help of admin_dialog contrib module.

Proposed resolution

Need the theming consistency in off-canvas dialog, by adding padding, font style, padding , remove duplicate text, alignment etc.

๐Ÿ› Bug report
Status

Needs work

Version

11.0 ๐Ÿ”ฅ

Component
Claroย  โ†’

Last updated 16 days ago

Created by

๐Ÿ‡ฎ๐Ÿ‡นItaly kopeboy Milan

Live updates comments and jobs are added and updated live.
  • Needs screenshots

    The change alters the user interface, so before and after screenshots should be added to document the UI change. Make sure to capture the relevant region only. Use a tool such as Aviary on Windows or Skitch on Mac OS X.

Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024