diff options
| author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-10-07 10:08:57 -0700 |
|---|---|---|
| committer | Gunnar Mills <gmills@us.ibm.com> | 2019-10-18 20:36:32 +0000 |
| commit | 81ad97e4a32d5ec0c30976fe8cbe62b2b4c3a108 (patch) | |
| tree | c1b22c593539b7fb3f60e05cc0be1d2afbf864d8 | |
| parent | 50c1aa1d26a935487ef93ac1f9c348f3760523a7 (diff) | |
| download | phosphor-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
| -rw-r--r-- | app/common/styles/base/icons.scss | 22 |
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 |
