fixed css

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/dandd/DragDropLayer.java

@@ -61,7 +61,7 @@ public class DragDropLayer extends FlowPanel {
 
 		getElement().getStyle().setMarginTop(5, Unit.PX);
 		getElement().getStyle().setMarginBottom(10, Unit.PX);
-		setWidth("400px");
+		this.getElement().addClassName("dand-layer");
 
 		if (draggable) {
 			initDrag();
@@ -78,7 +78,7 @@ public class DragDropLayer extends FlowPanel {
 		}
 
 		RangeSlider rs = new RangeSlider(applicationBus, layerItem);
-		rs.setWidth("300px");
+		rs.getElement().addClassName("range-slider ");
 		FlexTable ft = new FlexTable();
 		ft.setWidget(0, 0, draggableButton);
 		draggableButton.setTitle("Drag and Drop me up or down to change my position on the Map");

src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/dandd/RangeSlider.java

@@ -51,13 +51,12 @@ public class RangeSlider extends Composite {
 
 			@Override
 			public void onBrowserEvent(Event event) {
-				System.out.println("ok");
 				if (Event.ONMOUSEUP == event.getTypeInt()) {
 					GWT.log("Event.ONMOUSEUP");
 					DoActionOnDetailLayersEvent actionChangeOpacity = new DoActionOnDetailLayersEvent(
 							DO_LAYER_ACTION.OPACITY, layer);
 					int value = Integer.parseInt((String) theSlider.getPropertyObject("value"));
-					GWT.log("opacity int value: "+value);
+					//GWT.log("opacity int value: "+value);
 					double opacity = (double) ((double) value/100);
 					GWT.log("opacity double value: "+opacity);
 					actionChangeOpacity.setOpacity(opacity);

src/main/webapp/GeoportalDataViewer.css

@@ -344,4 +344,16 @@ body {
 	background-color: white;
 	opacity: 80%;
 	padding: 10px;
+}
+
+.dand-layer {
+	width: 400px;
+}
+
+.range-slider {
+	width: 300px;
+}
+
+.range-slider input {
+	width: 280px;
 }