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