luci-theme-bootstrap: add styling for input-adjacent buttons

Also add styling for CBI column title references.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit 7ba4eb1a42cb0baf3d0c66d16cfc5ce4d5f9709c)

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 a6ff0dc7334b30a043c7422cc7246f2ec14e4177..a85d95a95f84b0c789ed048db300fac9e9813a72 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -598,12 +598,6 @@ textarea[readonly] {
        cursor: default;
 }
 
-select[readonly],
-textarea[readonly] {
-       pointer-events: auto;
-       cursor: auto;
-}
-
 .cbi-optionals,
 .cbi-section-create {
        padding: 0 0 10px 10px;
@@ -1457,6 +1451,32 @@ footer {
        opacity: .6;
 }
 
+input[type="text"] + .cbi-button,
+input[type="password"] + .cbi-button,
+select + .cbi-button {
+       border-radius: 0 3px 3px 0;
+       border-color: #ccc;
+       margin: 0 0 1px -2px;
+       padding: 0 6px;
+       vertical-align: top;
+       height: 28px;
+       font-size: 14px;
+       font-weight: bold;
+       line-height: 28px;
+}
+
+select + .cbi-button {
+       border-left-color: transparent;
+}
+
+.cbi-title-ref {
+       color: #37c;
+}
+
+.cbi-title-ref::after {
+       content: "➙";
+}
+
 .cbi-tooltip-container {
        cursor: help;
 }