Browse Source

Bug Fix: Arrows didn't work well when slide length is 2.

NaotoshiFujita 5 years ago
parent
commit
69b68a23c6

+ 1 - 1
dist/css/splide-core.min.css

@@ -1 +1 @@
-@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center}.splide__pagination li{display:inline-flex}.splide{position:relative;visibility:hidden}.splide__slide{position:relative;box-sizing:border-box}.splide__slide img{vertical-align:bottom}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite}.splide__sr{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.splide__track{overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}
+@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center}.splide__pagination li{list-style-type:none;display:inline-block}.splide{position:relative;visibility:hidden}.splide__slide{position:relative;box-sizing:border-box}.splide__slide img{vertical-align:bottom}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite}.splide__sr{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.splide__track{overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}

File diff suppressed because it is too large
+ 0 - 0
dist/css/splide.min.css


File diff suppressed because it is too large
+ 1 - 1
dist/js/splide.min.js


BIN
dist/js/splide.min.js.gz


+ 3 - 3
src/js/components/arrows/index.js

@@ -98,10 +98,10 @@ export default ( Splide, Components, name ) => {
 		Splide.on( 'mounted move updated', () => {
 			const { prev, next } = arrows;
 			const { prevIndex, nextIndex } = Components.Controller;
-			const isSame = prevIndex === nextIndex;
+			const hasSlides = Splide.length > 1;
 
-			prev.disabled = prevIndex < 0 || isSame;
-			next.disabled = nextIndex < 0 || isSame;
+			prev.disabled = prevIndex < 0 || ! hasSlides;
+			next.disabled = nextIndex < 0 || ! hasSlides;
 
 			Splide.emit( `${ name }:updated`, prev, next, prevIndex, nextIndex );
 		} );

+ 2 - 1
src/sass/core/object/objects/_pagination.scss

@@ -4,7 +4,8 @@
     align-items: center;
 
     li {
-      display: inline-flex;
+      list-style-type: none;
+      display: inline-block;
     }
 
     &__page {

Some files were not shown because too many files changed in this diff