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
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