Claro off-canvas dialog styling issues and inconsistencies

Created on 17 May 2023, almost 2 years ago
Updated 8 May 2024, 10 months 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 2 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