Pro - Modals / Close Icon position

Beta
#1

Just thought I would put this out there…

The current modal has the close icon in the top corner of the screen. This isn’t really a great position.

Every time I use a modal element I need to hide the close icon and create a custom one either inside the modal or just next to the top corner of the actual modal.

Every modal I have ever seen does it like that except the Pro / Cornerstone modal.

The few times I’ve been lazy, and left it as the default position, the client has asked me to please move it.

Any chances of having a different positioning option for the close icon on modal?

6 Likes
#2

Agree 100%

4 Likes
#3

Same, +1

The off canvas close icon could do with more flexible options as well.

3 Likes
#4

+1 from me too!

#5

It never really occurred to me, but yeah these are pretty unique positions for the close button. I’ll create the request for sure. If I can’t make both spots work I think we’ll just have this in a poll to change where it gets added in.

Might be worth just converting this close button to another element when you create a Modal. Also adding in a “Hide Close Button” control on the actual Modal element so we can have parity and so we don’t need to migrate anything.

Would love to be able to create a full screen modal without this CSS as well.

$el .x-modal-content {
  position: fixed;
  top: 0;
  left: 0;
}
5 Likes
#6

Awesome, thanks.

#7

Good stuff!

#8

Just wondering about this. Is it still in the pipeline?

1 Like
#9

It is, but it’s most likely a Minor release thing.