From db0eede96291180feee5a7140fb33044649e5365 Mon Sep 17 00:00:00 2001
From: Axel Uhl <axel.uhl@sap.com>
Date: Fri, 1 Aug 2014 13:05:53 +0200
Subject: [PATCH] managed to implement an improved split layout panel with
 better draggers

---
 .../com.sap.sailing.gwt.ui/CommonControls.css | 20 +++++++++++--------
 .../raceboard/SideBySideComponentViewer.java  |  5 ++---
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/java/com.sap.sailing.gwt.ui/CommonControls.css b/java/com.sap.sailing.gwt.ui/CommonControls.css
index 23b8c26a282..b5d4a38da12 100644
--- a/java/com.sap.sailing.gwt.ui/CommonControls.css
+++ b/java/com.sap.sailing.gwt.ui/CommonControls.css
@@ -136,10 +136,6 @@ body ::-webkit-scrollbar-track {
   color:#A1A1A1;
   }
 
-.gwt-SplitLayoutPanel-HDragger {
-  width: 20px;
-}
-
 .gwt-ToggleButton {
   background: url(images/btn-cta-orangeleft.png) center top repeat-x;
   padding: 8px;
@@ -153,15 +149,23 @@ body ::-webkit-scrollbar-track {
 }
 
 .gwt-SplitLayoutPanel-HDragger {
-  width: 12px;
+	width: 25px !important;
+	height: 50px !important;
+	left: 8px !important;
+	top: 50% !important;
+	background: #ffffff url(images/thumb_vertical.png) center no-repeat;
+	cursor: col-resize;
+	border-top-right-radius: 25px;
+	border-bottom-right-radius: 25px;
+	z-index: 100;
 }
 
-.gwt-SplitLayoutPanel-HDragger {
-  background: #cbcaca url(images/thumb_vertical.png) center center no-repeat;
-  cursor: col-resize;
+.SplitLayoutPanel-Divider {
+	background: #ffffff;
 }
 
 .gwt-SplitLayoutPanel-VDragger {
+  background-color: #ffffff;
   background: #cbcaca url(images/thumb_horz.png) center center no-repeat;
   cursor: row-resize;
 }
diff --git a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/raceboard/SideBySideComponentViewer.java b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/raceboard/SideBySideComponentViewer.java
index 836db73b4af..0b6ff3b9fa6 100644
--- a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/raceboard/SideBySideComponentViewer.java
+++ b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/raceboard/SideBySideComponentViewer.java
@@ -5,7 +5,6 @@ import java.util.List;
 import com.google.gwt.user.client.ui.LayoutPanel;
 import com.google.gwt.user.client.ui.Panel;
 import com.google.gwt.user.client.ui.ScrollPanel;
-import com.google.gwt.user.client.ui.SplitLayoutPanel;
 import com.google.gwt.user.client.ui.Widget;
 import com.sap.sailing.gwt.ui.client.shared.components.Component;
 import com.sap.sailing.gwt.ui.client.shared.components.ComponentViewer;
@@ -20,7 +19,7 @@ public class SideBySideComponentViewer implements ComponentViewer {
     
     private LayoutPanel mainPanel;
     
-    private SplitLayoutPanel splitLayoutPanel; 
+    private SplitLayoutPanelWithBetterDraggers splitLayoutPanel; 
     private int savedSplitPosition = -1;
     
     public SideBySideComponentViewer(Component<?> leftComponent, Component<?> rightComponent, List<Component<?>> components) {
@@ -31,7 +30,7 @@ public class SideBySideComponentViewer implements ComponentViewer {
         leftScrollPanel.add(leftComponent.getEntryWidget());
         mainPanel = new LayoutPanel();
         mainPanel.setSize("100%", "100%");
-        splitLayoutPanel = new SplitLayoutPanel();
+        splitLayoutPanel = new SplitLayoutPanelWithBetterDraggers();
         mainPanel.add(splitLayoutPanel);
         for (Component<?> component : components) {
             if (component.isVisible()) {