X-Git-Url: http://git.openwrt.org/?a=blobdiff_plain;f=themes%2Fluci-theme-bootstrap%2Fhtdocs%2Fluci-static%2Fbootstrap%2Fcascade.css;fp=themes%2Fluci-theme-bootstrap%2Fhtdocs%2Fluci-static%2Fbootstrap%2Fcascade.css;h=6c80d461242d3088925067b2ac18c304c40cab84;hb=d1035c1f6907ecf3fba510551f1878f4c6cb3d72;hp=4780eb892bdbc2c6ae85dddac9f0330077016f74;hpb=a1ad0d588286929eea71ed0e57e7b47628e88031;p=project%2Fluci.git diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css index 4780eb892b..6c80d46124 100644 --- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css +++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css @@ -1161,12 +1161,9 @@ footer { position: fixed; top: 0; bottom: 0; - left: -10000px; - right: 10000px; background: rgba(0, 0, 0, 0.7); z-index: 900; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; + overflow: scroll; transition: opacity .125s ease-in; opacity: 0; visibility: hidden; @@ -1175,11 +1172,9 @@ footer { .modal { width: 90%; margin: 5em auto; - display: flex; - flex-wrap: wrap; + display: table; min-height: 32px; max-width: 600px; - align-items: center; border-radius: 3px; background: var(--background-color-high); box-shadow: 0 0 3px #444; @@ -1188,7 +1183,6 @@ footer { } .modal > * { - flex-basis: 100%; line-height: normal; margin-bottom: .5em; max-width: 100%; @@ -2211,58 +2205,6 @@ div.cbi-value var.cbi-tooltip-container, flex-basis: 100%; } -#modal_overlay { - position: fixed; - top: 0; - bottom: 0; - left: -10000px; - right: 10000px; - background: rgba(0, 0, 0, 0.7); - z-index: 900; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; - transition: opacity .125s ease-in; - opacity: 0; -} - -#modal_overlay > .modal { - width: 90%; - margin: 5em auto; - display: flex; - flex-wrap: wrap; - min-height: 32px; - max-width: 600px; - align-items: center; - border-radius: 3px; - background: var(--background-color-high); - box-shadow: 0 0 3px #444; - padding: 1em 1em .5em 1em; - min-width: 270px; -} - -#modal_overlay .modal > * { - flex-basis: 100%; - line-height: normal; - margin-bottom: .5em; -} - -#modal_overlay .modal > pre, -#modal_overlay .modal > textarea { - white-space: pre-wrap; - overflow: auto; -} - -body.modal-overlay-active { - overflow: hidden; - height: 100vh; -} - -body.modal-overlay-active #modal_overlay { - left: 0; - right: 0; - opacity: 1; -} - html body.apply-overlay-active { height: calc(100vh - 63px); }