From 525110a2c1926c4051bceb0aff1dbb7dd1fbdc60 Mon Sep 17 00:00:00 2001 From: GradyD Date: Sun, 8 Mar 2015 19:43:17 -0400 Subject: [PATCH 1/2] Material themed tooltips and popups for bug #275 --- less/_popups.less | 28 +++++++++++----------------- 1 file changed, 11 insertions(+), 17 deletions(-) diff --git a/less/_popups.less b/less/_popups.less index 9d4f8ee1..e55bcbb0 100644 --- a/less/_popups.less +++ b/less/_popups.less @@ -1,25 +1,19 @@ .popover, .tooltip-inner { - background: #323232; - color: #FFF; - border-radius: 2px; - + color: #ececec; + font-weight: bold; + line-height: 1em; + background: rgba(70,70,70,.9); + border: 1px solid rgba(70,70,70,.9); + border-radius: 2px; + .shadow-z-1(); } .tooltip, .tooltip.in { - opacity: 1; + opacity: 1; } .popover, .tooltip { - &.left .arrow:after, &.left .tooltip-arrow { - border-left-color: #323232; - } - &.right .arrow:after, &.right .tooltip-arrow { - border-right-color: #323232; - } - &.top .arrow:after, &.top .tooltip-arrow { - border-top-color: #323232; - } - &.bottom .arrow:after, &.bottom .tooltip-arrow { - border-bottom-color: #323232; - } + .arrow, .tooltip-arrow { + display: none; + } } From de8c0ca8ca8ed959cca7ec2db087591eb965949c Mon Sep 17 00:00:00 2001 From: GradyD Date: Mon, 9 Mar 2015 18:50:31 -0400 Subject: [PATCH 2/2] Moved a few CSS elements to the variables.less for reuse/easy changes. --- less/_popups.less | 8 ++++---- less/_variables.less | 7 +++++++ 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/less/_popups.less b/less/_popups.less index e55bcbb0..b9a570d5 100644 --- a/less/_popups.less +++ b/less/_popups.less @@ -1,10 +1,10 @@ .popover, .tooltip-inner { - color: #ececec; + color: @popover-color; font-weight: bold; line-height: 1em; - background: rgba(70,70,70,.9); - border: 1px solid rgba(70,70,70,.9); - border-radius: 2px; + background: @popover-background; + border: 1px solid @popover-background; + border-radius: @material-border-radius; .shadow-z-1(); } diff --git a/less/_variables.less b/less/_variables.less index a127e3f2..d5be9d0b 100644 --- a/less/_variables.less +++ b/less/_variables.less @@ -79,6 +79,9 @@ @progress-warning: @warning; @progress-danger: @danger; +// Global Material vars +@material-border-radius: 2px; + // Card @card-body-text: @lightbg-text; @card-body-background: #fff; @@ -86,3 +89,7 @@ @text-disabled: #a8a8a8; @background-disabled: #eaeaea; + +// Popups +@popover-background: rgba(70,70,70,.9); +@popover-color: #ececec;