Make slideshow height fill viewport
This commit is contained in:
@@ -28,8 +28,8 @@ div.nav-controls {
|
|||||||
div.slideshow-container {
|
div.slideshow-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
clear: both;
|
clear: both;
|
||||||
/* Constrain slideshow to a single-screen friendly box */
|
/* Fill available screen height more aggressively on large displays */
|
||||||
height: 700px;
|
height: clamp(700px, calc(100vh - 220px), 980px);
|
||||||
max-width: 1100px;
|
max-width: 1100px;
|
||||||
}
|
}
|
||||||
div.loader {
|
div.loader {
|
||||||
@@ -67,7 +67,7 @@ div.slideshow img {
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 500px;
|
max-height: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
div.download {
|
div.download {
|
||||||
|
|||||||
Reference in New Issue
Block a user