Click and drag Perspective popup

I have a client that wants to be able to more a popup without having to be able to hit the title bar directly. This post looked to have what I was looking for but is for Vision. Anyone have a Perspective version of this functionality? Another possibility may be to increase the size of the title bar.

I tried the following CSS, which appears to work for popups without a titlebar:

.popup-header.ia_popup__header.header-no-title { height: 0px !important; }
.popup-drag { width: 100% !important; height: 100% !important; }

...but keep in mind that will probably cripple the ability to interact with any components inside the popup, since it essentially stretches the drag bar over top of the whole thing. You might be able to get around that by adding z-index to the components, which would mean the drag wouldn't work when clicking on them.

4 Likes

The popup-drag function looks to work for what I need. Just reduced the height to 40px, that way the reset of the window is open for interaction (may up this some, as I have one popup that this conflicts with). This works exactly like what they asked for. The height for the popup header may be good as well if they prefer that.

Thank you very kindly!