Corrects issues with drawer collapse indicator on systems without scrollbars.

Author: AMJones

composer.json

@@ -10,7 +10,7 @@
         "css"
     ],
     "homepage": "https://www.github.com/strapless/drawer",
-    "version": "2.0",
+    "version": "2.0.1",
     "authors": [
         {
             "name": "Aaron M Jones",

dist/css/drawer.css

@@ -1,5 +1,5 @@
 /*!
-   * StrapLess Drawer v2.0 (http://github.com/strapless/drawer)
+   * StrapLess Drawer v2.0.1 (http://github.com/strapless/drawer)
    * Licensed under MIT (https://github.com/strapless/drawer/blob/master/LICENSE)
    */
 .drawer {
@@ -182,6 +182,7 @@ html.on header.header-fixed-top {
 }
 
 .drawer-group {
+  max-width: 230px;
   margin: .25rem 0 0 0;
   padding: 0;
   border: 0 solid rgba(33, 37, 41, 0.125);
@@ -232,6 +233,10 @@ html.on header.header-fixed-top {
   flex: 1 0 100%;
 }
 
+.drawer-group.drawer-group-collapse [data-toggle="collapse-group"] {
+  cursor: pointer;
+}
+
 .drawer-group.drawer-group-collapse [data-toggle="collapse-group"] > .drawer-item-heading {
   position: relative;
 }
@@ -241,6 +246,14 @@ html.on header.header-fixed-top {
   width: 8px;
   height: 8px;
   content: " ";
+  -webkit-transform-origin: center center;
+  -ms-transform-origin: center center;
+  transform-origin: center center;
+  transition-duration: 0.35s;
+  position: absolute;
+  right: 1rem;
+  top: 50%;
+  margin-top: -4px;
   background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22rgba%280%2C%200%2C%200%2C%200.5%29%22%20d%3D%22M4%200l-4%204%201.5%201.5%202.5-2.5%202.5%202.5%201.5-1.5-4-4z%22%20transform%3D%22translate%280%201%29%22%20%2F%3E%3C%2Fsvg%3E") center center/8px 8px no-repeat;
 }
 

dist/css/drawer.min.css

@@ -62,7 +62,7 @@ jQuery.fn.extend( {
 /**
  * jQuery Plugin for managing a navigation drawer.
  *
- * @version v2.0
+ * @version v2.0.1
  * @license https://github.com/strapless/strapless/LICENSE
  * @author  Aaron M Jones <am@jonesiscoding.com>
  */

dist/js/drawer.js

@@ -1,7 +1,7 @@
 /**
  * jQuery Plugin for managing a navigation drawer.
  *
- * @version v2.0
+ * @version v2.0.1
  * @license https://github.com/strapless/strapless/LICENSE
  * @author  Aaron M Jones <am@jonesiscoding.com>
  */

js/drawer.js

@@ -3,7 +3,7 @@
 
 @if not($enable-framework) {
   /*!
-   * StrapLess Drawer v2.0 (http://github.com/strapless/drawer)
+   * StrapLess Drawer v2.0.1 (http://github.com/strapless/drawer)
    * Licensed under MIT (https://github.com/strapless/drawer/blob/master/LICENSE)
    */
 }
@@ -144,6 +144,7 @@ html.on {
 
 // Drawer Groups & Items
 .drawer-group {
+  max-width: $drawer-width;
   // Separator between groups
   margin: .25rem 0 0 0;
   padding: 0; // Any padding causes bounce on collapse
@@ -174,14 +175,23 @@ html.on {
     text-overflow: ellipsis;
     flex: 1 0 100%;
   }
-  [data-toggle="collapse-group"] > .drawer-item-heading {
-    position: relative;
-    &::before {
-      display: block;
-      width: $drawer-indicator-size;
-      height: $drawer-indicator-size;
-      content: " ";
-      background: inline-svg($drawer-chevron) center center / $drawer-indicator-size $drawer-indicator-size no-repeat;
+  [data-toggle="collapse-group"] {
+    cursor: pointer;
+    > .drawer-item-heading {
+      position: relative;
+      &::before {
+        display: block;
+        width: $drawer-indicator-size;
+        height: $drawer-indicator-size;
+        content: " ";
+        transform-origin: center center;
+        transition-duration: 0.35s;
+        position: absolute;
+        right: 1rem;
+        top: 50%; // Needed for Safari 10, IE10/11
+        margin-top: -4px; // Needed for Safari 10, IE10/11
+        background: inline-svg($drawer-chevron) center center / $drawer-indicator-size $drawer-indicator-size no-repeat;
+      }
     }
   }
 }