responsivness completed

git-svn-id: https://svn.research-infrastructures.eu/d4science/gcube/trunk/portlets/user/join-vre@128493 82a268e6-3cf1-43bd-a215-b396298e98cf
This commit is contained in:
Massimiliano Assante 2016-05-06 09:50:54 +00:00
parent e789f5f307
commit 3595995206
3 changed files with 8 additions and 3 deletions

View File

@ -13,19 +13,19 @@ import org.gcube.portlets.user.joinvre.shared.VRE;
import org.gcube.portlets.user.joinvre.shared.VRECategory; import org.gcube.portlets.user.joinvre.shared.VRECategory;
import com.github.gwtbootstrap.client.ui.PageHeader; import com.github.gwtbootstrap.client.ui.PageHeader;
import com.github.gwtbootstrap.client.ui.Row;
import com.github.gwtbootstrap.client.ui.Thumbnails; import com.github.gwtbootstrap.client.ui.Thumbnails;
import com.google.gwt.core.client.GWT; import com.google.gwt.core.client.GWT;
import com.google.gwt.user.client.rpc.AsyncCallback; import com.google.gwt.user.client.rpc.AsyncCallback;
import com.google.gwt.user.client.ui.Composite; import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.HTML; import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.VerticalPanel;
public class ResponsivePanel extends Composite { public class ResponsivePanel extends Composite {
private final JoinServiceAsync joinService = GWT.create(JoinService.class); private final JoinServiceAsync joinService = GWT.create(JoinService.class);
public static final String loading = GWT.getModuleBaseURL() + "../images/vre-loader.gif"; public static final String loading = GWT.getModuleBaseURL() + "../images/vre-loader.gif";
private VerticalPanel mainPanel = new VerticalPanel(); private Row mainPanel = new Row();
private ArrayList<VreThumbnail> myThumbnails = new ArrayList<VreThumbnail>(); private ArrayList<VreThumbnail> myThumbnails = new ArrayList<VreThumbnail>();
public ResponsivePanel() { public ResponsivePanel() {
GWT.log("ResponsivePanel()"); GWT.log("ResponsivePanel()");

View File

@ -16,7 +16,7 @@
transform: translateY(-50%); transform: translateY(-50%);
} }
</ui:style> </ui:style>
<b:Thumbnail size="5"> <b:Thumbnail size="3">
<g:SimplePanel styleName="{style.imageContainer}"> <g:SimplePanel styleName="{style.imageContainer}">
<b:Image ui:field="vreImage" styleName="{style.image}" /> <b:Image ui:field="vreImage" styleName="{style.image}" />
</g:SimplePanel> </g:SimplePanel>

View File

@ -0,0 +1,5 @@
@media only screen and (min-width: 800px) {
.aui .row-fluid .span3 {
width: 19% !important;
}
}