From dc692a668a10fb970ebd3115722a874df0ff2cee Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Wed, 23 Jan 2019 09:34:17 +0000
Subject: [PATCH] ensure layout appears correctly when loading listings in ie
---
.../src/app/src/components/Listing/style.scss | 1 +
.../app/src/containers/DisplayPanel/style.scss | 15 +++++++++++++++
2 files changed, 16 insertions(+)
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 5a9b2c71c..6fb2c423a 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,7 @@
.listing {
@include target-ie11 {
max-width: 390px;
+ width: 100%;
}
&__header {
diff --git a/opentech/static_src/src/app/src/containers/DisplayPanel/style.scss b/opentech/static_src/src/app/src/containers/DisplayPanel/style.scss
index 79086a965..673a9b926 100644
--- a/opentech/static_src/src/app/src/containers/DisplayPanel/style.scss
+++ b/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%;
+ }
+ }
+ }
}
--
GitLab