This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Reply To: Compact Box closes when clicked

#53743
Ernest MarcinkoErnest Marcinko
Keymaster

Hi,

Sure!

Because the layout is non-static (absolute), the paddings and margins does not apply to the element as HTML treats that as it’s out of the document flow – so the closest relative parent padding applies only.

The simplest way is to adjust the final width to a lower value and find the sweet spot.

If you make sure that the #ThrottleCraze-Header is positioned relative and apply the padding and margin to that, it should also do the trick.

If those have no effect, then using a bit more advanced CSS on the final box width in compact mode:

div[data-asp-compact=open] {
    max-width: calc(100% - 20px) !important;
}

This will apply to the final width, and subtract a fixed value, regardless of the resolution.