Beta1: Simple Element CSS stopped working

Beta
#1

Hi!

I have a Modal in the header with this line of CSS:

$el.x-modal {
  margin-top:100px;
}

After updating the staging site to Beta 1, I see that modal still has the same class, however, this rule stopped working.

If I add !important to it, then it starts working, but the 100px is suddenly not the same value. I have to enter around 120px to get the modal to the same place as it was before.

Thanks!

Question about breaking CSS changes
#2

Thanks! I’ve looked into this and the element CSS was working for me, but I uncovered an issue with the close button dimensions not getting outputted correctly. This had an affect on how the modal is centered in the background and caused the modal content to be shifted upwards. Once the next beta is out, let me know if this is resolved.

1 Like
#3

Hi @alexander! The modal is back in place! Thanks!

#4

Ok great! Thanks for confirming.

1 Like