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:
parent
6c9bf4b96d
commit
f9df9100f9
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue