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

enlarged window when on desktop 

git-svn-id: http://svn.research-infrastructures.eu/public/d4science/gcube/trunk/portlets/widgets/image-previewer-widget@127002 82a268e6-3cf1-43bd-a215-b396298e98cf
This commit is contained in:
Costantino Perciante 2016-04-11 16:04:52 +00:00
parent c5197ef775
commit 3bc7a83513
1 changed files with 23 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/main/java/org/gcube/portlets/widgets/imagepreviewerwidget/public/ImagePreviewer.css
View File

@ -1,22 +1,35 @@
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
.modal-custom { .modal-custom {
width: 950px !important; width: 90% !important;
margin-left: -480px !important; margin-left: -45% !important;
} }
.modal-body-custom { .modal-body-custom {
height: 400px !important; height: 700px !important;
}
.modal-header-custom>.close {
font-size: 40px;
} }
} }
@media screen and (min-width: 800px) and (max-width: 1024px) { @media screen and (min-width: 800px) and (max-width: 1024px) {
.modal-custom {
width: 85% !important;
margin-left: -42% !important;
}
.modal-body-custom { .modal-body-custom {
height: 350px !important; height: 600px !important;
} }
} }
@media screen and (min-width: 300px) and (max-width: 800px) { @media screen and (min-width: 600px) and (max-width: 800px) {
.modal-body-custom { .modal-body-custom {
height: 280px !important; height: 500px !important;
}
}
@media screen and (min-width: 300px) and (max-width: 600px) {
.modal-body-custom {
height: 300px !important;
} }
} }
@ -27,12 +40,13 @@
.modal-body-custom { .modal-body-custom {
background: black; background: black;
overflow-y: hidden !important; overflow-y: hidden !important;
max-height: 100% !important;
} }
.modal-header-custom { .modal-header-custom {
background: black; background: black;
border-bottom: black !important; border-bottom: black !important;
padding: 5px 5px 5px 5px !important; padding: 5px 5px 5px 15px !important;
} }
.modal-header-custom>.close { .modal-header-custom>.close {
@ -53,11 +67,11 @@
.image-container { .image-container {
height: 90%; height: 90%;
width: 100%; width: 100%;
margin-bottom: 10px; margin-bottom: 2%;
} }
.command-container { .command-container {
height: 5%; height: 3%;
width: 100%; width: 100%;
vertical-align: baseline; vertical-align: baseline;
} }
@ -72,7 +86,6 @@
-ms-transform: translate(-50%, -50%); /* IE 9 */ -ms-transform: translate(-50%, -50%); /* IE 9 */
-webkit-transform: translate(-50%, -50%); /* Safari */ -webkit-transform: translate(-50%, -50%); /* Safari */
max-height: 100%; max-height: 100%;
max-width: 100%;
width: auto; width: auto;
} }