Merge pull request #894 from OpenTechFund/fix/listing-scrolling

Fix/listing scrolling

opentech/static_src/src/app/src/components/Listing/style.scss

 .listing {
     @include target-ie11 {
         max-width: 390px;
+        width: 100%;
     }
 
     &__header {
@@ -41,6 +42,10 @@
         @include submission-list-item;
 
         &.is-active {
+            @include target-edge {
+                margin-left: 8px;
+            }
+
             border-right: 2px solid $color--white;
             transition: border $transition;
         }

opentech/static_src/src/app/src/containers/DisplayPanel/style.scss

@@ -14,6 +14,7 @@
     @include target-ie11 {
         display: flex;
         flex-wrap: wrap;
+        width: 100%;
     }
 
     &__body,
@@ -54,4 +55,18 @@
     &__link {
         padding: 20px;
     }
+
+    &__column {
+        &:first-child {
+            @include target-ie11 {
+                width: 70%;
+            }
+        }
+
+        &:last-child {
+            @include target-ie11 {
+                width: 30%;
+            }
+        }
+    }
 }

opentech/static_src/src/sass/apply/abstracts/_mixins.scss

@@ -168,6 +168,13 @@
     }
 }
 
+// ms-edge specific css
+@mixin target-edge {
+    @supports (-ms-ime-align: auto) {
+        @content;
+    }
+}
+
 @mixin table-ordering-styles {
     thead {
         th {

opentech/static_src/src/sass/apply/base/_base.scss

@@ -16,6 +16,10 @@ html {
     -webkit-text-size-adjust: 100%;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+
+    @supports(overflow-y: overlay) {
+        overflow-y: overlay;
+    }
 }
 
 body {