Fix tooltip width

2018-10-08 18:55:30 +03:00
parent 6de0871f2c
commit 5718f55b9a
5 changed files with 22 additions and 11 deletions
--- a/client/src/components/ui/Tooltip.css
+++ b/client/src/components/ui/Tooltip.css
@@ -17,14 +17,14 @@
    display: block;
    position: absolute;
    bottom: calc(100% + 12px);
-    left: calc(50% - 103px);
-    width: 206px;
+    left: 50%;
    padding: 10px 15px;
    font-size: 0.85rem;
    text-align: center;
    color: #fff;
    background-color: #585965;
    border-radius: 3px;
+    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
 }
@@ -48,3 +48,7 @@
    visibility: visible;
    opacity: 1;
 }
+
+.tooltip-custom--narrow:before {
+    width: 206px;
+}