From baddb8a6305e43e9039642803f385a89b4863fdf Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Wed, 16 Jan 2019 14:58:24 +0000
Subject: [PATCH] adds IE grid fallbacks
---
.../static_src/src/app/src/components/DetailView/style.scss | 4 ++++
.../src/app/src/components/DisplayPanel/style.scss | 4 ++++
.../static_src/src/app/src/components/Listing/style.scss | 4 ++++
opentech/static_src/src/sass/apply/abstracts/_mixins.scss | 6 ++++++
4 files changed, 18 insertions(+)
diff --git a/opentech/static_src/src/app/src/components/DetailView/style.scss b/opentech/static_src/src/app/src/components/DetailView/style.scss
index 0e19c76f3..84936ce27 100644
--- a/opentech/static_src/src/app/src/components/DetailView/style.scss
+++ b/opentech/static_src/src/app/src/components/DetailView/style.scss
@@ -16,4 +16,8 @@
margin-right: -50vw;
grid-template-columns: 390px 1fr;
}
+
+ @include target-ie11 {
+ display: flex;
+ }
}
diff --git a/opentech/static_src/src/app/src/components/DisplayPanel/style.scss b/opentech/static_src/src/app/src/components/DisplayPanel/style.scss
index 8763c4446..00e22068d 100644
--- a/opentech/static_src/src/app/src/components/DisplayPanel/style.scss
+++ b/opentech/static_src/src/app/src/components/DisplayPanel/style.scss
@@ -11,5 +11,9 @@
@include media-query(desktop) {
grid-template-columns: 1fr 390px;
+ @include target-ie11 {
+ display: flex;
+ flex-wrap: wrap;
+ }
}
}
diff --git a/opentech/static_src/src/app/src/components/Listing/style.scss b/opentech/static_src/src/app/src/components/Listing/style.scss
index 30c929f41..ccce29338 100644
--- a/opentech/static_src/src/app/src/components/Listing/style.scss
+++ b/opentech/static_src/src/app/src/components/Listing/style.scss
@@ -1,6 +1,10 @@
$listing-header-height: 75px;
.listing {
+ @include target-ie11 {
+ max-width: 390px;
+ }
+
&__header {
@include submission-list-item;
height: $listing-header-height;
diff --git a/opentech/static_src/src/sass/apply/abstracts/_mixins.scss b/opentech/static_src/src/sass/apply/abstracts/_mixins.scss
index f9a25c048..716d6a984 100644
--- a/opentech/static_src/src/sass/apply/abstracts/_mixins.scss
+++ b/opentech/static_src/src/sass/apply/abstracts/_mixins.scss
@@ -159,3 +159,9 @@
border-bottom: 2px solid $color--light-mid-grey;
border-right: 2px solid $color--light-mid-grey;
}
+
+@mixin target-ie11 {
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ @content;
+ }
+}
--
GitLab