diff --git a/static/css/base.css b/static/css/base.css index dd56375..e5617cf 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -3348,6 +3348,7 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap position: relative; -webkit-transition: .3s; transition: .3s; + overflow: hidden; } #webslides-zoomed.grid > .column { width: 25%; @@ -3387,12 +3388,12 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap margin: .8rem auto; } -@media all and (orientation: portrait) { +@media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation:landscape) { #webslides-zoomed.grid > .column { width: 50%; } #webslides-zoomed.grid > .column > .wrap-zoom > .slide { - transform: scale(0.5) translate(-50%, -50vh); + transform: scale(0.5) translate(-50%, -50%); } } diff --git a/static/js/webslides.js b/static/js/webslides.js index 2762f79..ab2479c 100644 --- a/static/js/webslides.js +++ b/static/js/webslides.js @@ -1,7 +1,7 @@ /*! * Name: WebSlides * Version: 1.2.1 - * Date: 2017-04-13 + * Date: 2017-04-14 * Description: Making HTML presentations easy * URL: https://github.com/webslides/webslides#readme * Credits: @jlantunez, @LuisSacristan, @Belelros diff --git a/static/js/webslides.min.js b/static/js/webslides.min.js index 3513856..3bdfb39 100644 --- a/static/js/webslides.min.js +++ b/static/js/webslides.min.js @@ -1,7 +1,7 @@ /*! * Name: WebSlides * Version: 1.2.1 - * Date: 2017-04-13 + * Date: 2017-04-14 * Description: Making HTML presentations easy * URL: https://github.com/webslides/webslides#readme * Credits: @jlantunez, @LuisSacristan, @Belelros