luci-theme-rosy: Modifying the form does not fully display the bug of the dropdown box

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

1 files changed, 25 insertions, 16 deletions

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 0f835df4b..3df110195 100644
--- a/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
+++ b/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
@@ -285,7 +285,6 @@ h4 {
 .table {
     width: 100%;
     border-radius: 20px;
-    overflow: hidden;
 }
 
 .table > .tbody > .tr > .td,
@@ -361,18 +360,28 @@ div > .table > .tbody > .tr:nth-of-type(2n) {
 .cbi-section .table .tr.table-titles {
     background-color: #eee;
 }
-
-.cbi-section .table .cbi-section-table-titles {
-    background-color: #e0e0e0;
+.table .tr:first-child .td:first-child,
+.table .tr:first-child::before,
+.table .tr:first-child .th:first-child {
+    border-top-left-radius: 10px;
 }
-
-.table .tr.cbi-rowstyle-1:nth-child(n),
-.table .tr:nth-child(n) {
-    background-color: #f9f9f9;
+.table .tr:first-child .td:last-child,
+.table .tr:first-child .th:last-child {
+    border-top-right-radius: 10px;
+}
+.table .tr:last-child .td:first-child, 
+.table .tr:last-child::before {
+    border-bottom-left-radius: 10px;
+}
+.table .tr:last-child .td:last-child {
+    border-bottom-right-radius: 10px;
+}
+.table .tr.placeholder:last-child {
+    background-color: transparent;
 }
 
-.table .tr:nth-child(2n) {
-    background-color: #fff;
+.cbi-section .table .cbi-section-table-titles {
+    background-color: #e0e0e0;
 }
 
 /* fix progress bar */
@@ -546,6 +555,7 @@ td > table > tbody > tr > td,
 }
 
 .container .cbi-map .cbi-tabmenu + div {
+    border-radius: 0;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
     overflow: hidden;
@@ -1362,7 +1372,6 @@ header > .container > .pull-right > * {
 }
 
 /* fix status processes */
-
 .node-status-processes > .main .table .tr .td:nth-child(3) {
     white-space: normal;
 }
@@ -1480,7 +1489,7 @@ header > .container > .pull-right > * {
     margin-left: 0;
 }
 
-.node-system-flashops .cbi-tabmenu {
+.lang_zh-cnBackup .cbi-tabmenu {
     margin-bottom: 1rem;
 }
 
@@ -1946,6 +1955,10 @@ footer {
     border-bottom-right-radius: 50px;
 }
 
+.node-main-login input.cbi-input-text {
+    box-shadow: 0 0 0 1000px white inset;
+}
+
 
 /* Interface after login */
 .logged-in {
@@ -2531,7 +2544,3 @@ footer {
         min-width: 25rem;
     }
 }
-
-input.cbi-input-text {
-    box-shadow: 0 0 0 1000px white inset;
-}