From: Alexander Ebert Date: Sun, 17 Apr 2016 09:37:41 +0000 (+0200) Subject: Improved popover style X-Git-Tag: 3.0.0_Beta_1~1872 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=0b394b83686bb0fb64f68ac9563db775b0b98f1e;p=GitHub%2FWoltLab%2FWCF.git Improved popover style --- diff --git a/wcfsetup/install/files/js/WoltLab/WCF/Controller/Popover.js b/wcfsetup/install/files/js/WoltLab/WCF/Controller/Popover.js index 6f7178734e..8db33cc90b 100644 --- a/wcfsetup/install/files/js/WoltLab/WCF/Controller/Popover.js +++ b/wcfsetup/install/files/js/WoltLab/WCF/Controller/Popover.js @@ -360,7 +360,7 @@ define(['Ajax', 'Dictionary', 'Environment', 'Dom/ChangeListener', 'Dom/Util', ' UiAlignment.set(_popover, _elements.get(_activeId).element, { pointer: true, vertical: 'top', - verticalOffset: 8 + verticalOffset: 0 }); }, diff --git a/wcfsetup/install/files/style/ui/popover.scss b/wcfsetup/install/files/style/ui/popover.scss index 2ec66fe9f8..6ae82eaaa9 100644 --- a/wcfsetup/install/files/style/ui/popover.scss +++ b/wcfsetup/install/files/style/ui/popover.scss @@ -13,8 +13,8 @@ animation: wcfPopoverOut .3s; animation-fill-mode: forwards; background-color: $wcfContentBackground; - border: 1px solid $wcfDropdownBorder; - box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .2); + border-radius: 2px; + box-shadow: 0 2px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); position: absolute; top: 0; vertical-align: middle; @@ -33,31 +33,7 @@ } > .elementPointer { - border-width: 0 10px 10px; - border-style: solid; - border-color: $wcfDropdownBorder transparent; - top: 0; - - &.flipVertical { - border-width: 10px 10px 0; - bottom: 0; - top: auto; - - > span { - border-width: 10px 10px 0; - bottom: 1px; - top: auto; - } - } - - > span { - border-color: $wcfContentBackground transparent; - border-style: solid; - border-width: 0 10px 10px; - left: -10px; - position: absolute; - top: 1px; - } + display: none; } }