Off-canvas resize handlers are broken by dialog.css in Classy theme and System tray module

Created on 5 December 2017, almost 7 years ago
Updated 30 January 2023, almost 2 years ago

Problem/Motivation

Using a custom dialog or using the system tray module and having Classy as base theme.
Having a modal opened and one of the options is set to resizable, the resize handlers are not accessible with a mouse.

Proposed resolution

The padding provide at .ui-dialog {} in dialog.css is overriding the padding provided in dialog.css by jQuery UI.
Setting the padding back to padding: .2em; or removing the padding override will enable the access to the handlers again.

Remaining tasks

Reviewing the patch

User interface changes

The handlers are accessible again with the mouse cursor.

API changes

none

๐Ÿ› Bug report
Status

Needs work

Version

10.1 โœจ

Component
CSSย  โ†’

Last updated about 1 hour ago

Created by

๐Ÿ‡ณ๐Ÿ‡ฑNetherlands Martijn de Wit ๐Ÿ‡ณ๐Ÿ‡ฑ The Netherlands

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

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

  • CSS

    It involves the content or handling of Cascading Style Sheets.

Sign in to follow issues

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