summaryrefslogtreecommitdiffstats
path: root/app
diff options
context:
space:
mode:
authorYoshie Muranaka <yoshiemuranaka@gmail.com>2019-10-07 10:08:57 -0700
committerGunnar Mills <gmills@us.ibm.com>2019-10-18 20:36:32 +0000
commit81ad97e4a32d5ec0c30976fe8cbe62b2b4c3a108 (patch)
treec1b22c593539b7fb3f60e05cc0be1d2afbf864d8 /app
parent50c1aa1d26a935487ef93ac1f9c348f3760523a7 (diff)
downloadphosphor-webui-81ad97e4a32d5ec0c30976fe8cbe62b2b4c3a108.tar.gz
phosphor-webui-81ad97e4a32d5ec0c30976fe8cbe62b2b4c3a108.zip
Add tooltip styles
Adding styles to make sure the Bootstrap tooltip directive works by adding opacity to 'in' class that is added to the tooltip when triggered. This commit also includes additional custom styles to override defaults. We will need these styles to implement tooltips which are included in upcoming changes like the firmware page redesign. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I08e8f1f1762dcc24f8a803b87348a5bff25bd65b
Diffstat (limited to 'app')
-rw-r--r--app/common/styles/base/icons.scss22
1 files changed, 22 insertions, 0 deletions
diff --git a/app/common/styles/base/icons.scss b/app/common/styles/base/icons.scss
index 0d91f1d..757969e 100644
--- a/app/common/styles/base/icons.scss
+++ b/app/common/styles/base/icons.scss
@@ -85,3 +85,25 @@
vertical-align: text-bottom;
margin-right: 0.25em;
}
+
+.icon__info-tooltip {
+ fill: $primary-accent;
+}
+
+.tooltip {
+ @include fontFamily;
+ font-weight: normal;
+ line-height: 1.3;
+}
+
+.tooltip-inner {
+ color: $text-01;
+ background-color: $primary-light;
+ border-radius: 0;
+ border: 1px solid $primary-dark;
+ text-align: left;
+}
+
+.tooltip.in {
+ opacity: 1!important;
+} \ No newline at end of file
OpenPOWER on IntegriCloud