jQuery UI Dialog - missing close icon

Created on 4 April 2024, 6 months ago
Updated 5 April 2024, 6 months ago

Problem/Motivation

I am using this module on three different sites with three different themes, and on only one the x doesnt show in the close box icon position. how can i find out what image and where its missing , It doesnt specify what the location of the image is .

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

πŸ’¬ Support request
Status

Active

Version

2.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States dianacastillo Miami

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

Comments & Activities

  • Issue created by @dianacastillo
  • πŸ‡¬πŸ‡§United Kingdom aaron.ferris

    From a functioning modal, the icon looks like its coming from jQuery.ui

    In my example: core/assets/vendor/jquery.ui/themes/base/images/ui-icons_777777_256x240.png

    Do you have custom css on the site where it doesn't work for any of the selectors:

    .ui-button .ui-icon {
        background-image: url(images/ui-icons_777777_256x240.png) /*{iconsDefault}*/;
    }
    
    .ui-widget-header .ui-icon {
        background-image: url(images/ui-icons_444444_256x240.png) /*{iconsHeader}*/;
    }
    
    .ui-button-icon-only .ui-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
    }
    
    .ui-icon-closethick {
        background-position: -96px -128px;
    }
    

    ?

Production build 0.71.5 2024