Search code examples
jquerycssjquery-uijquery-ui-dialog

Jquery ui compressed stylesheet

So I have compressed jquery ui stylesheet to save bandwidth and suddenly dialog windows started to look weird.

This is how they look when I use uncompressed stylesheet:

enter image description here

With compressed stylesheet:

enter image description here

I used this website to compress the stylesheet: https://csscompressor.net/

Any ideas what's wrong?

Solution

  • Not all CSS compressors are the same. It's likely the compressor has removed important syntax/grouped styles. This is one of the cons of using a compressor; it can break things. Difficult to tell why exactly without examining the CSS file.

    Suggestions:

    • Try using a different compressor
    • Pretty-fy the compressed CSS to find if anything that just doesn't look right.
    • Use Firebug to determine if the required styles are set