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