Modal close button out of place

Modal close button positioned incorrectly.

Overview

The issue occurs because the Semantic UI framework intentionally positions the close button outside the modal window for small modal sizes.
To reposition the button inside the modal, apply custom CSS to adjust the top and right properties for the relevant modal size classes.

Answered
ChronoForms v6
Ga Gatsman 15 Mar, 2018
Answer
1 Likes
This is not a bug, it's more of a style issue, but if a modal form is set to open in Small, Smaller, Smallest the red X (close) button is placed outside from the modal "window".
If you want it in place (like i do) use this css code:
.small i, .tiny i, .mini i {
top: 10px!important;
right: 10px!important;
}
Max_admin Max_admin 19 Mar, 2018
Hi Gatsman,

Thank you for the code suggestion, indeed this is a semantic ui intended layout effect, but your fix should work fine too.

Best regards
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
This topic is locked and no more replies can be posted.