Improved popover style
authorAlexander Ebert <ebert@woltlab.com>
Sun, 17 Apr 2016 09:37:41 +0000 (11:37 +0200)
committerAlexander Ebert <ebert@woltlab.com>
Sun, 17 Apr 2016 09:37:41 +0000 (11:37 +0200)
wcfsetup/install/files/js/WoltLab/WCF/Controller/Popover.js
wcfsetup/install/files/style/ui/popover.scss

index 6f7178734ec84732cff5ad291beca6c4cc92c81d..8db33cc90bceeca648e0375f5105a648e9f24c3c 100644 (file)
@@ -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
                        });
                },
                
index 2ec66fe9f885cb2cf24408d4a0f6d97b954a1928..6ae82eaaa983e297244ea08873c770622b8a36cf 100644 (file)
@@ -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;
        }
        
        > .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; 
        }
 }