Enhancement for balloon-tooltips

diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css
index 216c7363e6e7f2fe53ab3bba5f4766cb7fd385ae..2743b322ca749fa9abf30b8ac09859d50c64eafa 100644 (file)
--- a/wcfsetup/install/files/acp/style/style.css
+++ b/wcfsetup/install/files/acp/style/style.css
@@ -2756,7 +2756,7 @@ img[src*='enable'] {
 #balloonTooltip .arrowOuter {  
        border-width: 0 7px 7px;
        border-style: solid;
-       border-color: #ccc transparent;
+       border-color: rgba(255, 255, 255, .7) transparent;
        display: inline-block !important;
        width: 0;
        position: absolute;
@@ -2767,7 +2767,7 @@ img[src*='enable'] {
 #balloonTooltip .arrowInner {  
        border-width: 0 5px 5px;
        border-style: solid;
-       border-color: #000 transparent;
+       border-color: rgba(0, 0, 0, .7) transparent;
        display: inline-block;
        width: 0;
        position: absolute;

diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index 850c6a0486be56353dced3d22ed773780d6e220c..ae3143800cfd37a2ad4aed6633c335fa89265308 100644 (file)
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -2796,7 +2796,7 @@ WCF.Effect.BalloonTooltip.prototype = {
                                var $left = $elementOffsets.left;
 
                                $arrow.css({
-                                       left: "0px"
+                                       left: "5px"
                                });
                        break;
 
@@ -2804,7 +2804,7 @@ WCF.Effect.BalloonTooltip.prototype = {
                                var $left = $elementOffsets.left + $elementDimensions.width - $tooltipDimensions.width;
 
                                $arrow.css({
-                                       left: ($tooltipDimensionsInner.width - $arrowWidth) + "px"
+                                       left: ($tooltipDimensionsInner.width - $arrowWidth - 5) + "px"
                                });
                        break;
                }