Improved less to make overlay bar transition smoother

sd-92 · sd-92 · commit aaff85f11705 · 2016-07-05T17:05:24.000+01:00
diff --git a/blocks/core/ff_container/ff_container-overlay/ff_container-overlay.less b/blocks/core/ff_container/ff_container-overlay/ff_container-overlay.less
@@ -56,7 +56,7 @@
         #ff_container-overlay > .bottom;
     }
     &--absolute-bottom &__body {
-        @media (min-width: @ff_bp_medium) {
+        @media (min-width: @ff_bp_wide) {
              #ff_container-overlay > .margin-bottom;
          }
     }
@@ -103,12 +103,15 @@
         }
     }
     &--task-event-scrollable-top &__body{
-         @media (min-width: @ff_bp_wide) {
-             margin-top: 60px;
+         @media (min-width: 570px) { // Specific breakpoint to push down the 
+             margin-top: 80px;
          }
          margin-top: 120px;
     }
     &--task-event-scrollable-top &__bar{
+        @media (min-width: 570px) {
+            top: -80px;
+        }
         @media (min-width: @ff_bp_wide) {
             top: 0;
         }

Original file line number	Diff line number	Diff line change
`@@ -56,7 +56,7 @@`
`56`	`56`	`#ff_container-overlay > .bottom;`
`57`	`57`	`}`
`58`	`58`	`&--absolute-bottom &__body {`
`59`		`- @media (min-width: @ff_bp_medium) {`
	`59`	`+ @media (min-width: @ff_bp_wide) {`
`60`	`60`	`#ff_container-overlay > .margin-bottom;`
`61`	`61`	`}`
`62`	`62`	`}`
`@@ -103,12 +103,15 @@`
`103`	`103`	`}`
`104`	`104`	`}`
`105`	`105`	`&--task-event-scrollable-top &__body{`
`106`		`- @media (min-width: @ff_bp_wide) {`
`107`		`- margin-top: 60px;`
	`106`	`+ @media (min-width: 570px) { // Specific breakpoint to push down the`
	`107`	`+ margin-top: 80px;`
`108`	`108`	`}`
`109`	`109`	`margin-top: 120px;`
`110`	`110`	`}`
`111`	`111`	`&--task-event-scrollable-top &__bar{`
	`112`	`+ @media (min-width: 570px) {`
	`113`	`+ top: -80px;`
	`114`	`+ }`
`112`	`115`	`@media (min-width: @ff_bp_wide) {`
`113`	`116`	`top: 0;`
`114`	`117`	`}`