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:
parent
c5197ef775
commit
3bc7a83513
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue