gCubeSystem
/
image-previewer-widget
16
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

The height of the carousel is now fixed. The image shown has been centered too. 

git-svn-id: http://svn.research-infrastructures.eu/public/d4science/gcube/trunk/portlets/widgets/image-previewer-widget@122514 82a268e6-3cf1-43bd-a215-b396298e98cf
This commit is contained in:
Costantino Perciante 2016-01-26 11:02:14 +00:00
parent 6c9bf4b96d
commit f9df9100f9
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/java/org/gcube/portlets/widgets/imagepreviewerwidget/client/ImagePreviewer.java
View File

@ -21,7 +21,7 @@ public class ImagePreviewer implements EntryPoint {
public void onModuleLoad() {
// decomment for testing purpose
//test();
test();
}
@ -51,7 +51,7 @@ public class ImagePreviewer implements EntryPoint {
}
});
b.setText("Show images");
b.setText("Show preview");
RootPanel.get("image-previewer-div").add(b);
}

19
src/main/java/org/gcube/portlets/widgets/imagepreviewerwidget/client/ui/Carousel.ui.xml
View File

@ -3,17 +3,22 @@
xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:b="urn:import:com.github.gwtbootstrap.client.ui">
<ui:style>
.image {
margin: auto;
width: 100%;
display: block;
margin: 0;
position: relative;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
max-height: 400px;
width: auto;
}
.image-loading {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 30%;
margin-bottom: 30%;
margin-top: 35%;
margin-bottom: 35%;
}
.arrow {
@ -34,9 +39,9 @@
@external .modal-body;
.modal-body {
position: relative;
max-height: 500px;
height: 400px;
padding: 0;
overflow-y: hidden;
overflow: hidden;
}
@external .modal-footer;