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

Click on zoomed slide event handled

Browse Source
This commit is contained in:
Luis
2017-04-05 19:13:38 +02:00
parent 79ec99a2f7
commit ebb5e9a4cd
10 changed files with 227 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
static/css/base.css
View File

@@ -49,6 +49,7 @@
14. Forms
15. Safari Bug (flex-wrap)
16. Print
17. Zoom
----------------------------------------------------------------------------------- */
@@ -315,7 +316,6 @@ html.ws-ready body {
#webslides {
height: 100vh;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
/* -- Hide scrollbar, but still being able to scroll -- */
@@ -3192,3 +3192,37 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
display: none;
}
}
/*=========================================
16. ZOOM
=========================================== */
#webslides-zoomed.grid {
background: #ccc;
}
#webslides-zoomed.grid > .column {
position: relative;
}
#webslides-zoomed.grid > .column > .wrap-zoom {
position: relative;
background: #fff;
}
#webslides-zoomed.grid > .column {
width: 25%;
}
#webslides-zoomed.grid > .column > .wrap-zoom > .slide {
transform: scale(0.25) translate(-150%, -150vh);
display: flex !important;
position: absolute;
top: 0;
left: 0;
clip: rect(0px auto auto 0);
}
#webslides-zoomed.grid > .column > .wrap-zoom > .zoom-layer {
position: absolute;
background: transparent;
width: 100%;
height: 100%;
}