luci-theme-bootstrap: fix overlay display failures
authorPaul Dee <systemcrash@users.noreply.github.com>
Thu, 7 Oct 2021 14:26:06 +0000 (16:26 +0200)
committerJo-Philipp Wich <jo@mein.io>
Mon, 25 Oct 2021 18:59:22 +0000 (20:59 +0200)
commitd24760e60a83b63f316c7b186e30636b5baa5481
treeffe311ccb62bec8b1f9e3b315fad876581346452
parent26047fb967f079000ab61c7377f8e26e11277569
luci-theme-bootstrap: fix overlay display failures

Fixed overlay display failures for users on mobile, or users who booted
up in safe mode XD. Noticeable when vertical or horizontal real-estate
is too small for the displayed overlay.

This failure is most evident when you "edit" an interface, or display
your unsaved changes.

When content is wider than the screen view, the table hugs the (widest)
content maximally, and the overlay window becomes scrollable.

Disabled -webkit-overflow-scrolling, left, and right, because both FF
and Safari disable them as invalid anyway.

Signed-off-by: Paul Dee <systemcrash@users.noreply.github.com>
[Merge duplicate modal declarations, remove not applicable modal
 flexbox properties]
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit d1035c1f6907ecf3fba510551f1878f4c6cb3d72)
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css