From: Jo-Philipp Wich <jo@mein.io>
Date: Mon, 23 Jul 2018 12:27:49 +0000 (+0200)
Subject: luci-theme-bootstrap: add styling for input-adjacent buttons
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=97e647bb250586a737805c663108e75eaebbeb3c;p=oweals%2Fluci.git

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 a6ff0dc73..a85d95a95 100644
--- 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;
 }