Flyer53 / jsPanel3

A jQuery Plugin to create highly configurable floating panels, modals, tooltips, hints/notifiers or contextmenus for use in a backend solution and other web applications.
http://v3.jspanel.de/
Other
89 stars 21 forks source link

controlbar pushed away from headerbar if titlebar is too long. #69

Closed Bryuk closed 6 years ago

Bryuk commented 6 years ago

I have issue with panel controls that gets pushed if title is too long. My title is dynamic and can be longer sometime. Can you help making controls to always stay in right corner and when resize only title gets smaller, but controls always stay the same.

image

Flyer53 commented 6 years ago

@Bryuk I guess you use IE11 or 10? Please try to add the following CSS to your CSS after loading the jsPanel CSS file

.jsPanel-titlebar{
    flex: 1 1 0px  // jsPanel css file uses flex: 1 1 auto
}

or change the jsPanel css file accordingly. IE obviously can't handle flex-basis: auto properly.

Please let me know how it works ...

Bryuk commented 6 years ago

Thanks! This solved my issue. I have to learn flex css better...

Flyer53 commented 6 years ago

Not your fault. I was not aware of this glitch either ... so thanks for reporting.

Flyer53 commented 6 years ago

Fixed with v3.11.2