feat(handle): added a default handle icon

Author: widmoser

src/ui-layout.css

@@ -127,6 +127,13 @@
   margin-top: 0.45em;
 }
 
+.ui-splitbar-handle {
+  width: 10px;
+  height: 2px;
+  box-shadow: inset 0 0 0 32px, 0 -6px, 0 6px;
+  margin: 0;
+}
+
 /* Allow disabling of icons */
 .no-toggle .ui-splitbar-toggle {
   display: none;

src/ui-layout.js

@@ -951,7 +951,7 @@ angular.module('ui.layout', [])
                 var index = ctrl.indexOfElement(element);
                 var splitbar = angular.element('<div ui-splitbar>' +
                   '<a><span class="ui-splitbar-icon ui-splitbar-toggle"></span></a>' +
-                  '<a><span class="ui-splitbar-icon ui-splitbar-handle ui-splitbar-icon-up"></span></a>' +
+                  '<a><span class="ui-splitbar-icon ui-splitbar-handle"></span></a>' +
                   '<a><span class="ui-splitbar-icon ui-splitbar-toggle"></span></a>' +
                   '</div>');
                 if(0 < index && !ctrl.hasSplitbarBefore(scope.container)) {