Mercurial > gemma
changeset 2939:988cfa4c5aac
client: changed tooltip style
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Thu, 04 Apr 2019 17:34:17 +0200 |
parents | ecb1e34157a3 |
children | 601797a85a86 |
files | client/src/assets/tooltip.scss |
diffstat | 1 files changed, 7 insertions(+), 5 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/assets/tooltip.scss Thu Apr 04 16:25:02 2019 +0200 +++ b/client/src/assets/tooltip.scss Thu Apr 04 17:34:17 2019 +0200 @@ -17,10 +17,12 @@ } .tooltip .tooltip-inner { - background: black; - color: white; - border-radius: 16px; + background: white; + box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2); + color: #666; + border-radius: 0.25rem; padding: 5px 10px 4px; + font-size: 0.8rem; } .tooltip .tooltip-arrow { @@ -29,7 +31,7 @@ border-style: solid; position: absolute; margin: 5px; - border-color: black; + border-color: white; z-index: 1; } @@ -95,7 +97,7 @@ .tooltip.popover .popover-inner { background: #f9f9f9; - color: black; + color: white; padding: 24px; border-radius: 5px; box-shadow: 0 5px 30px rgba(black, 0.1);