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

Slides index: new current slide style

Browse Source
This commit is contained in:
Luis Sacristán
2017-07-10 21:45:47 +02:00
parent a720b6b5fb
commit d042984f5d
5 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/scss/_color.scss
View File

@@ -802,6 +802,10 @@ Slides Index
&:hover { &:hover {
box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 4px 8px rgba(0, 0, 0, .08); box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 4px 8px rgba(0, 0, 0, .08);
} }
&.current {
border: 3px double rgba(0, 20, 280, .2);
}
} }
.text-slide-number { .text-slide-number {

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

@@ -68,6 +68,10 @@
transform: scale(1.02); transform: scale(1.02);
z-index: 2; z-index: 2;
} }
&.current {
transform: scale(1.08);
}
} }
> .wrap-zoom > .zoom-layer { > .wrap-zoom > .zoom-layer {

7
static/css/webslides.css
View File

@@ -1,7 +1,7 @@
/*! /*!
* Name: WebSlides * Name: WebSlides
* Version: 1.3.1 * Version: 1.3.1
* Date: 2017-06-29 * Date: 2017-07-10
* Description: Making HTML presentations easy * Description: Making HTML presentations easy
* URL: https://github.com/webslides/webslides#readme * URL: https://github.com/webslides/webslides#readme
* Credits: @jlantunez, @LuisSacristan, @Belelros * Credits: @jlantunez, @LuisSacristan, @Belelros
@@ -2934,6 +2934,9 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
-webkit-transform: scale(1.02); -webkit-transform: scale(1.02);
transform: scale(1.02); transform: scale(1.02);
z-index: 2; } z-index: 2; }
#webslides-zoomed > .wrap > .grid > .column > .wrap-zoom.current {
-webkit-transform: scale(1.08);
transform: scale(1.08); }
#webslides-zoomed > .wrap > .grid > .column > .wrap-zoom > .zoom-layer { #webslides-zoomed > .wrap > .grid > .column > .wrap-zoom > .zoom-layer {
background: transparent; background: transparent;
cursor: pointer; cursor: pointer;
@@ -3755,6 +3758,8 @@ Slides Index
#webslides-zoomed .column > .wrap-zoom:hover { #webslides-zoomed .column > .wrap-zoom:hover {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08); } box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08); }
#webslides-zoomed .column > .wrap-zoom.current {
border: 3px double rgba(0, 20, 255, 0.2); }
.text-slide-number { .text-slide-number {
color: #abc; } color: #abc; }

2
static/js/webslides.js
View File

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

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

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