From: Yanlan Shen <yanlan.shen.@rosinson.com>
Date: Thu, 10 Jan 2019 03:53:46 +0000 (+0800)
Subject: luci-theme-rosy: Fixed modal box misalignment problem
X-Git-Url: http://git.lede-project.org./?a=commitdiff_plain;h=refs%2Fpull%2F2445%2Fhead;p=project%2Fluci.git

luci-theme-rosy: Fixed modal box misalignment problem

Signed-off-by: Yanlan Shen <yanlan.shen.@rosinson.com>
---

diff --git a/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css b/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
index 3132a4849c..ab7cac626c 100644
--- a/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
+++ b/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
@@ -1886,6 +1886,25 @@ footer {
     right: 0;
 }
 
+.modal-overlay-active #modal_overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    background-color: #000000b8;
+    z-index: 2000;
+}
+
+.modal-overlay-active #modal_overlay .modal {
+    width: 50%;
+    background-color: #fff;
+    margin: 150px auto;
+    border-radius: 20px;
+    color: #333;
+}
+
 /* The style of the prompt message */
 
 .alert-message {