From aebe5f1a7907165ffa99e54338c4a17015c585cb Mon Sep 17 00:00:00 2001 From: Simon Pamies Date: Wed, 6 Aug 2014 07:33:07 +0200 Subject: [PATCH] Moved east toggle button to center left and rotated --- .../com.sap.sailing.gwt.ui/CommonControls.css | 23 +++++++++++++++---- .../gwt/ui/client/shared/racemap/RaceMap.java | 2 +- .../raceboard/SideBySideComponentViewer.java | 10 ++++++++ 3 files changed, 30 insertions(+), 5 deletions(-) diff --git a/java/com.sap.sailing.gwt.ui/CommonControls.css b/java/com.sap.sailing.gwt.ui/CommonControls.css index 6feab0bb5e1..bf3c063899f 100644 --- a/java/com.sap.sailing.gwt.ui/CommonControls.css +++ b/java/com.sap.sailing.gwt.ui/CommonControls.css @@ -156,12 +156,25 @@ body ::-webkit-scrollbar-track { .gwt-SplitLayoutPanel-EastToggleButton-Panel { position: absolute; - top: 88%; - left: 1%; + top: 50%; } -.gwt-SplitLayoutPanel-NorthSouthToggleButton, .gwt-SplitLayoutPanel-EastToggleButton { - height: 40px; +.gwt-SplitLayoutPanel-EastToggleButton { + height: 40px; + width: 120px; + background-color: white; + border: none; + border-bottom-left-radius: 25px; + border-bottom-right-radius: 25px; + border-top-left-radius: 25px; + border-top-right-radius: 25px; + -webkit-transform: rotate(-90deg); + background: white url(images/arrows_bottom_black_small.png) 50% 85% no-repeat; + padding-bottom: 13px; +} + +.gwt-SplitLayoutPanel-NorthSouthToggleButton { + height: 50px; width: 120px; margin-bottom: 12px; background-color: white; @@ -171,6 +184,8 @@ body ::-webkit-scrollbar-track { border-top-left-radius: 25px; border-top-right-radius: 25px; margin-left: 5px; + background: white url(images/arrows_top_black_small.png) 50% 15% no-repeat; + padding-top: 20px; } .gwt-SplitLayoutPanel-HDragger { diff --git a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/client/shared/racemap/RaceMap.java b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/client/shared/racemap/RaceMap.java index 17fb59e88e7..edeb9fa19b9 100755 --- a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/client/shared/racemap/RaceMap.java +++ b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/client/shared/racemap/RaceMap.java @@ -343,7 +343,7 @@ public class RaceMap extends AbsolutePanel implements TimeListener, CompetitorSe mapOptions.setMapTypeStyles(mapTypeStyles); ScaleControlOptions scaleControlOptions = ScaleControlOptions.newInstance(); - scaleControlOptions.setPosition(ControlPosition.BOTTOM_RIGHT); + scaleControlOptions.setPosition(ControlPosition.BOTTOM_CENTER); mapOptions.setScaleControlOptions(scaleControlOptions); mapOptions.setStreetViewControl(false); if (showMapControls) { 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 c68ec7a7665..1c89c87034f 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 @@ -21,8 +21,18 @@ import com.sap.sailing.gwt.ui.client.shared.components.ComponentViewer; import com.sap.sailing.gwt.ui.client.shared.components.SettingsDialog; import com.sap.sse.gwt.client.player.TimeListener; +/** + * Component Viewer that uses a {@link TouchSplitLayoutPanelWithBetterDraggers} + * to display its components. + */ public class SideBySideComponentViewer implements ComponentViewer { + /** + * Panel that combines another Panel and associated close and + * settings buttons. + * + * @author Simon Marcel Pamies + */ abstract class PanelWithCloseAndSettingsButton extends AbsolutePanel { final Widget containedPanel; public PanelWithCloseAndSettingsButton(Widget containedPanel) {