From 7f613be5000e753e99ce5b829748fb43fca78754 Mon Sep 17 00:00:00 2001 From: Jo-Philipp Wich Date: Thu, 18 Oct 2018 16:14:35 +0200 Subject: luci-base, themes: add tooltip helpers & styles Add the required JS and CSS infrastructure to support rich hover/focus tooltips for element. Signed-off-by: Jo-Philipp Wich --- .../htdocs/luci-static/freifunk-generic/cascade.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) (limited to 'themes/luci-theme-freifunk-generic/htdocs') diff --git a/themes/luci-theme-freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css b/themes/luci-theme-freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css index 3e1b1cd2f1..b9ac0f033d 100644 --- a/themes/luci-theme-freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css +++ b/themes/luci-theme-freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css @@ -156,12 +156,17 @@ a img { color: #000; } -.alert-message.notice { +.alert-message, .cbi-tooltip.error { + background: #fee; + color: #a22; +} + +.alert-message.notice, .cbi-tooltip.notice { background: linear-gradient(#ccc 0%, #eee 100%); color: #4a6b7c; } -.alert-message.warning { +.alert-message.warning, .cbi-tooltip.warning { background: linear-gradient(#dda 0%, #dd8 100%); color: #c00; } @@ -1354,6 +1359,10 @@ td.cbi-value-error { position: absolute; z-index: 1000; left: -1000px; + border-radius: 3px; + background: #fff; + padding: 2px 5px; + white-space: pre; opacity: 0; transition: opacity .25s ease-out; pointer-events: none; -- cgit v1.2.3