Claro theme overriding the position of the close button on dialogs

Created on 11 March 2025, 25 days ago

Claro theme seems to override the position of the close button on dialogs. When using layout_builder_iframe_modal in layout builder the close button on the dialog is not visible.

If I override these two styles set by the Claro theme, it displays correctly.

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
-  inline-size: var(--jui-dialog-close-button-size);</del>
+  inline-size: 2rem;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
-  transform: translate(-50%, -50%);
+  transform: none;
}
πŸ› Bug report
Status

Active

Version

4.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States jphelan

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

Comments & Activities

Production build 0.71.5 2024