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/openwrt.org/cascade.css | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) (limited to 'themes/luci-theme-openwrt/htdocs') diff --git a/themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css b/themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css index 5becfc5ba5..94d6b57296 100644 --- a/themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css +++ b/themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css @@ -231,18 +231,22 @@ hr { padding: .5em; border-radius: 3px; border: 1px solid #a22; - color: #a22; - background: #fee; margin: 0 0 .5em 0; } -.alert-message.notice { +.alert-message, .cbi-tooltip.error { + border-color: #a22; + background: #fee; + color: #a22; +} + +.alert-message.notice, .cbi-tooltip.notice { border-color: #15a; background: #e6f6ff; color: #15a; } -.alert-message.warning { +.alert-message.warning, .cbi-tooltip.warning { border-color: #ed5; background: #fe9; color: #650; @@ -1173,6 +1177,10 @@ select + .cbi-button { 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