Sidebar dialog close button is not visible in some cases

Created on 8 March 2024, 10 months ago
Updated 24 May 2024, 7 months ago

Problem/Motivation

When I add a new section, I can't cancel and close section dialog form because the button is hidden by gin second toolbar.
See screenshot.

Steps to reproduce

1. Enable gin_lb
2. Go to LB page
3. Add section
4. Select Section type
5. Try to close the dialog

Expected result:
Dialog is closed with a cross button.

Actual result:
Button is not visible or clickable.

Proposed resolution

The breaking css comes from "jquery-ui" contrib module and AJAX request. See screenshot.

The jquery-ui styles are added with AJAX add_css command to the end of styles and have higher priority to override existing styles.
Another consideration is that jquery-ui is deprecated in Core and the effort to fix that in core or in jquery-ui may not be reasonable.

Since the problem is related to Gin second toolbar and a dialog of gin_lb, I think it's simplest to add a specific style to LB dialog when we have both .ui-dialog.ui-front on the element to have higher priority in styles.

Remaining tasks

πŸ› Bug report
Status

Active

Version

1.0

Component

Code

Created by

πŸ‡·πŸ‡ΊRussia lexbritvin

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024