Problem/Motivation

Steps to reproduce

  1. Click Configure on a block's contextual menu in layout builder.
  2. A modal window will open with the configuration screen in it.
  3. The z-index value for .ui-dialog box is not properly set because the file /core/themes/claro/css/base/variables.css is not being loaded.
  4. The result is something similar to the attached screen shot.

Temporary solution

I have temporary solved the issue by adding the following code inside my theme's libraries file:

dialog:
  version: VERSION
  css:
    component:
      css/components/dialog.css:
        weight: -10
    theme:
      '/core/themes/claro/css/base/variables.css': { type: external },
CommentFileSizeAuthor
Screenshot 2023-10-10 at 7.11.39 AM.png811.16 KBaltrugon

Comments

altrugon created an issue.

alina.basarabeanu’s picture

alina.basarabeanu commented

We came across this issue too.
The latest Claro variables.css file contains colours used for the jQuery.UI dropdown which are not loaded inside the layout builder modal.
We had to include the '/core/themes/claro/css/base/variables.css' file within our custom theme.