search

roundcube / elastic

Responsive theme for Roundcube Webmail
77 stars 29 forks source link

Fix login form display on IE and Chrome #141

Closed madmath03 closed 6 years ago

madmath03 commented 6 years ago

Use viewport height for defining the margin-top.

alecpl commented 6 years ago

What IE and Chrome versions exactly? Works for me with Chrome 63.

madmath03 commented 6 years ago

I noticed this on Chrome 63.0.3239.132 (64 bits) and IE 11.192.16299.0 The margin-top: 35% somehow uses the window's width as reference (instead of the window height) on those browsers.

IE and Chrome give this weird looking behavior when resizing only width and does nothing when resizing height: rc_elastic_ie_11

Firefox 58 and Edge give a more pleasant and responsive behavior: rc_elastic_ff_58

Using viewport height for margin-top gives the same behavior for Chrome 63, IE 11, FF 58 and Edge.