fix(dropdown): fixed dropdown structure from *dropdown-menu -> dropdo…

…wn-item* to *dropdown-menu -> dropdown-menu-content -> dropdown-item*
someburner · Aug 7, 2017 · 8a435bb · 8a435bb
1 parent 3f6b3e0
commit 8a435bb
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 24 deletions.
diff --git a/src/components/layout/navbar/Navbar.vue b/src/components/layout/navbar/Navbar.vue
@@ -24,14 +24,16 @@
           <span class="i-nav-messages notify"></span>
         </a>
         <div class="dropdown-menu">
-            <a class="dropdown-item" href="#">
-          <span class="ellipsis">New messages from Oleg M</span>
-        </a>
-          <a class="dropdown-item" href="#">
-            <span class="ellipsis">New messages from Andrei H</span>
-          </a>
-          <div class="dropdown-item plain-link-item">
-            <a class="plain-link" href="#">See all messages</a>
+          <div class="dropdown-menu-content">
+            <a class="dropdown-item" href="#">
+              <span class="ellipsis">New messages from Oleg M</span>
+            </a>
+            <a class="dropdown-item" href="#">
+              <span class="ellipsis">New messages from Andrei H</span>
+            </a>
+            <div class="dropdown-item plain-link-item">
+              <a class="plain-link" href="#">See all messages</a>
+            </div>
           </div>
         </div>
       </div>
@@ -40,17 +42,19 @@
           <span class="i-nav-notification notify"></span>
         </a>
         <div class="dropdown-menu">
-            <a class="dropdown-item" href="#">
-          <span class="ellipsis">Vasily S sent you a message</span>
-        </a>
-            <a class="dropdown-item" href="#">
-          <span class="ellipsis">Oleg M uploaded new Zip file with typography component</span>
-        </a>
-            <a class="dropdown-item" href="#">
-          <span class="ellipsis">Andrei H started a new topic</span>
-        </a>
-          <div class="dropdown-item plain-link-item">
-            <a class="plain-link" href="#">See all notifications</a>
+          <div class="dropdown-menu-content">
+            <a class="dropdown-item" href="#">
+              <span class="ellipsis">Vasily S sent you a message</span>
+            </a>
+            <a class="dropdown-item" href="#">
+              <span class="ellipsis">Oleg M uploaded new Zip file with typography component</span>
+            </a>
+            <a class="dropdown-item" href="#">
+              <span class="ellipsis">Andrei H started a new topic</span>
+            </a>
+            <div class="dropdown-item plain-link-item">
+              <a class="plain-link" href="#">See all notifications</a>
+            </div>
           </div>
         </div>
       </div>
@@ -61,11 +65,13 @@
           </span>
         </a>
         <div class="dropdown-menu">
-          <div class="dropdown-item plain-link-item">
-            <a class="plain-link" href="#">My Profile</a>
-          </div>
-          <div class="dropdown-item plain-link-item">
-            <a class="plain-link" href="#">Logout</a>
+          <div class="dropdown-menu-content">
+            <div class="dropdown-item plain-link-item">
+              <a class="plain-link" href="#">My Profile</a>
+            </div>
+            <div class="dropdown-item plain-link-item">
+              <a class="plain-link" href="#">Logout</a>
+            </div>
           </div>
         </div>
       </div>

diff --git a/src/components/vuestic-components/vuestic-scrollbar/VuesticScrollbar.vue b/src/components/vuestic-components/vuestic-scrollbar/VuesticScrollbar.vue
@@ -76,6 +76,7 @@
         this.prevTouch = e.touches[0]
       },
       onDrag (e) {
+        console.log(e)
         if (this.isDragging) {
           e.preventDefault()
           let touch = e.touches[0]