ui: fix nav-dropdown (#326)

packages/ui-default/components/dropdown/Dropdown.js

@@ -26,7 +26,7 @@ export default class Dropdown extends DOMAttachedObject {
     };
     this.dropInstance = new Drop({
       target: $dom[0],
-      classes: 'dropdown',
+      classes: `dropdown ${$dom.attr('data-dropdown-custom-class') || ''}`,
       content: this.options.target || $.find($dom.attr('data-dropdown-target'))[0],
       position: this.options.position,
       openOn: 'hover',

packages/ui-default/components/dropdown/dropdown.page.styl

@@ -4,9 +4,10 @@
 .drop .dropdown-target
   display: block
 
-.dropdown
+.drop.nav__dropdown
   max-height: calc(100% - 60px)
   overflow-y: auto
+  box-shadow: 0rem 0.125rem 0.4375rem rgba(0 0 0 , 30%);
 
 .dropdown
   .menu