Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Selecting transparent color color palette causes css syntax error #66

Closed
W3ap0n-X opened this issue Apr 26, 2023 · 1 comment · Fixed by #71 or #74
Closed

Selecting transparent color color palette causes css syntax error #66

W3ap0n-X opened this issue Apr 26, 2023 · 1 comment · Fixed by #71 or #74
Labels
bug Something isn't working

Comments

@W3ap0n-X
Copy link

Selecting transparent color color palette causes css syntax error in Crio 2.20.1

Steps to reproduce the behavior:

  1. Go to Customize → Color Palette
  2. Click on any color in the palette
  3. set the alpha slider to any value below 100
  4. Publish and refresh
@W3ap0n-X W3ap0n-X added the bug Something isn't working label Apr 26, 2023
@jamesros161 jamesros161 added this to the 2.20.2 milestone Apr 27, 2023
@jamesros161
Copy link
Collaborator

The following picture represents Crio Starter Content with normal palette:

Image


The following picture represents the same content with color-1 set to a alpha lower than 100. Notice the header color is missing now:

Image


Notice as well that when using chrome DevTools to inspect the CSS of the broken site, the :root element shows the broken CSS

Image


The Following picture represents the same configuration, but with the patch-fix:

Image


Notice the corrected CSS on the :root element:

Image

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants