diff --git a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGallery.gss b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGallery.gss index 08ffceae8fc..8b2d6e67282 100644 --- a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGallery.gss +++ b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGallery.gss @@ -17,6 +17,9 @@ .imagegallery_column_item { cursor: pointer; margin-bottom: 0.666666666666667em; + background-size: cover; + width: 100%; + padding-top: 100%; } .imagegallery_column_item img { width: 100%; diff --git a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGalleryItem.java b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGalleryItem.java index e05cd2ba919..d0ca3ad3396 100644 --- a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGalleryItem.java +++ b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGalleryItem.java @@ -1,8 +1,8 @@ package com.sap.sailing.gwt.home.mobile.partials.imagegallery; import com.google.gwt.core.client.GWT; +import com.google.gwt.dom.client.DivElement; import com.google.gwt.dom.client.Element; -import com.google.gwt.dom.client.ImageElement; import com.google.gwt.event.dom.client.ClickEvent; import com.google.gwt.event.dom.client.ClickHandler; import com.google.gwt.event.dom.client.HasClickHandlers; @@ -19,11 +19,11 @@ public class ImageGalleryItem extends Widget implements HasClickHandlers { interface ImageGalleryItemUiBinder extends UiBinder { } - @UiField ImageElement imageUi; + @UiField DivElement imageUi; public ImageGalleryItem(ImageDTO image) { setElement(uiBinder.createAndBindUi(this)); - imageUi.setSrc(image.getSourceRef()); + imageUi.getStyle().setBackgroundImage("url('" + image.getSourceRef() + "')"); } @Override diff --git a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGalleryItem.ui.xml b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGalleryItem.ui.xml index 664fa530c7b..28a55b5b3e8 100644 --- a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGalleryItem.ui.xml +++ b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/imagegallery/ImageGalleryItem.ui.xml @@ -4,7 +4,6 @@ -
- +
\ No newline at end of file