Merge pull request #1725 from adumesny/master

adumesny · web-flow · commit 498c1dfa8c25 · 2021-04-11T19:18:29.000-07:00
item gs-x:0 not animating fix
diff --git a/doc/CHANGES.md b/doc/CHANGES.md
@@ -57,6 +57,7 @@ Change log
 ## 4.2.0-dev
 
 - fix [#1700](https://github.com/gridstack/gridstack.js/issues/1700) JQ nested grid drag fix broken in 4.0.3 (but much older underlying issue)
+- fix [#1678](https://github.com/gridstack/gridstack.js/issues/1678) item gs-x:0 not animating fix
 
 ## 4.2.0 (2021-4-11)
 
diff --git a/src/gridstack.scss b/src/gridstack.scss
@@ -96,7 +96,7 @@ $animation_speed: .3s !default;
       }
     }
 
-    @for $i from 1 through $gridstack-columns {
+    @for $i from 0 through $gridstack-columns {
       &[gs-w='#{$i}'] { width: (100% / $gridstack-columns) * $i; }
       &[gs-x='#{$i}'] { left: (100% / $gridstack-columns) * $i; }
       &[gs-min-w='#{$i}'] { min-width: (100% / $gridstack-columns) * $i; }

Original file line number	Diff line number	Diff line change
`@@ -96,7 +96,7 @@ $animation_speed: .3s !default;`
`96`	`96`	`}`
`97`	`97`	`}`
`98`	`98`
`99`		`- @for $i from 1 through $gridstack-columns {`
	`99`	`+ @for $i from 0 through $gridstack-columns {`
`100`	`100`	`&[gs-w='#{$i}'] { width: (100% / $gridstack-columns) * $i; }`
`101`	`101`	`&[gs-x='#{$i}'] { left: (100% / $gridstack-columns) * $i; }`
`102`	`102`	`&[gs-min-w='#{$i}'] { min-width: (100% / $gridstack-columns) * $i; }`