mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-14 00:54:09 +02:00
Code Issues Releases Wiki Activity

Improving index slidex sizes

Browse Source
This commit is contained in:
Luis
2017-07-24 20:28:44 +02:00
parent 5226ab189b
commit cb60cab236
4 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/scss/modules/_zoom.scss
View File

@@ -18,7 +18,7 @@
}
.slide {
height: 100%;
height: 400%;
width: 400%;
@media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
@@ -54,6 +54,10 @@
width: 50%;
}
@media screen and (orientation: portrait) {
width: 50%;
}
> .wrap-zoom {
display: inline-block;
height: 25vh;
@@ -69,6 +73,10 @@
height: 33vh;
}
@media screen and (orientation: portrait) {
height: 50vw;
}
&:hover {
transform: scale(1.02);
z-index: 2;

10
static/css/webslides.css
View File

@@ -1,7 +1,7 @@
/*!
* Name: WebSlides
* Version: 1.3.1
* Date: 2017-07-16
* Date: 2017-07-24
* Description: Making HTML presentations easy
* URL: https://github.com/webslides/webslides#readme
* Credits: @jlantunez, @LuisSacristan, @Belelros
@@ -2889,7 +2889,7 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
left: -100000px;
position: absolute; }
#webslides-zoomed .slide {
height: 100%;
height: 400%;
width: 400%; }
@media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
#webslides-zoomed .slide {
@@ -2920,6 +2920,9 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
@media screen and (min-width: 568px) and (max-width: 1023px) {
#webslides-zoomed > .wrap > .grid > .column {
width: 50%; } }
@media screen and (orientation: portrait) {
#webslides-zoomed > .wrap > .grid > .column {
width: 50%; } }
#webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
display: inline-block;
height: 25vh;
@@ -2933,6 +2936,9 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
@media screen and (min-width: 568px) and (max-width: 1023px) {
#webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
height: 33vh; } }
@media screen and (orientation: portrait) {
#webslides-zoomed > .wrap > .grid > .column > .wrap-zoom {
height: 50vw; } }
#webslides-zoomed > .wrap > .grid > .column > .wrap-zoom:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);

2
static/js/webslides.js
View File

@@ -1,7 +1,7 @@
/*!
* Name: WebSlides
* Version: 1.3.1
* Date: 2017-07-16
* Date: 2017-07-24
* Description: Making HTML presentations easy
* URL: https://github.com/webslides/webslides#readme
* Credits: @jlantunez, @LuisSacristan, @Belelros

2
static/js/webslides.min.js vendored
View File

@@ -1,7 +1,7 @@
/*!
* Name: WebSlides
* Version: 1.3.1
* Date: 2017-07-16
* Date: 2017-07-24
* Description: Making HTML presentations easy
* URL: https://github.com/webslides/webslides#readme
* Credits: @jlantunez, @LuisSacristan, @Belelros