feat(toggle arrows): Add an option to disable the toggle arrows overall and on mobile devices

Sometimes, the programmer may not want the toggle arrows at all.  They also might cause
problems on mobile devices.  This commit adds the option to turn them off completely or
just on mobile devices.

Closes #56

Author: SomeKittens

README.md

@@ -79,6 +79,20 @@ Default: `10`
 
 The size in pixels that you want the divider/splitbar to be.
 
+### disableToggle
+
+Type: `Boolean`
+Default: `false`
+
+Set to `true` if you don't want the toggle arrows appearing in the splitbar.
+
+### disableMobileToggle
+
+Type: `Boolean`
+Default: `false`
+
+Like `disableToggle` above but only removes the arrows on mobile devices (max-device-width: 480px).
+
 ## Child Attributes
 
 ### uiLayoutContainer

src/ui-layout.css

@@ -99,6 +99,17 @@
   margin-top: 0.45em;
 }
 
+/* Allow disabling of icons */
+.no-toggle .ui-splitbar-icon {
+  display: none;
+}
+
+@media only screen and (max-device-width: 480px) {
+  .no-mobile-toggle .ui-splitbar-icon {
+    display: none;
+  }
+}
+
 @media print {
   .ui-splitbar {
     display: none;

src/ui-layout.js

@@ -30,6 +30,13 @@ angular.module('ui.layout', [])
       // set the layout css class
       .addClass('ui-layout-' + (opts.flow || 'row'));
 
+    if (opts.disableToggle) {
+      $element.addClass('no-toggle');
+    }
+    if (opts.disableMobileToggle) {
+      $element.addClass('no-mobile-toggle');
+    }
+
     // Initial global size definition
     opts.sizes = opts.sizes || [];
     opts.maxSizes = opts.maxSizes || [];