feat(handle): hiding handle by default

Author: widmoser

README.md

@@ -100,6 +100,13 @@ Default: `false`
 
 Like `disableToggle` above but only removes the arrows on mobile devices (max-device-width: 480px).
 
+### showHandle
+
+Type: `Boolean`
+Default: `false`
+
+Whether to show a handle in the middle of a splitbar. If toggle is enabled at the same time, the handle is shown between
+the two toggle buttons. The handle has the css class `.ui-splitbar-handle`.
 
 ## Child Attributes
 

src/ui-layout.css

@@ -132,6 +132,10 @@
   display: none;
 }
 
+.no-handle .ui-splitbar-handle {
+  display: none;
+}
+
 @media only screen and (max-device-width: 480px) {
   .no-mobile-toggle .ui-splitbar-icon {
     display: none;

src/ui-layout.js

@@ -52,6 +52,9 @@ angular.module('ui.layout', [])
     if (opts.disableMobileToggle) {
       $element.addClass('no-mobile-toggle');
     }
+    if (!opts.showHandle) {
+      $element.addClass('no-handle');
+    }
 
     // Initial global size definition
     opts.sizes = opts.sizes || [];