Adds sticky on proposals supports for mobile version

2018-12-14 14:32:24 +01:00
parent ac1d8195f2
commit 8684835857
4 changed files with 47 additions and 21 deletions
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -446,6 +446,8 @@ header {
  background: $brand;
  border-bottom: 1px solid $border;
  margin-bottom: $line-height;
+  position: relative;
+  z-index: 10;

  .selected {
    border-bottom: 1px solid #fff;
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -551,6 +551,15 @@
  }
 }

+.fixed-mobile-content {
+
+  @include breakpoint(medium down) {
+    background: #fff;
+    margin-bottom: rem-calc(-1) !important;
+    padding-top: $line-height / 2;
+  }
+}
+
 // 04. List participation
 // ----------------------