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 5a9b2c71cbfa25a48c9f6528c98b7fea53e464a7..97b57fb30221cf84bc81de50bb72f32c7ff9e6c3 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 { @@ -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; } 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 79086a9651a04c2b250d00cddd96f675780df4b6..673a9b9266a9501e4a417f087cc8aa11e3bb97d0 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%; + } + } + } } diff --git a/opentech/static_src/src/sass/apply/abstracts/_mixins.scss b/opentech/static_src/src/sass/apply/abstracts/_mixins.scss index 3ed198376d36b9afd801bf01c746d643bcc1d8b2..a4ac8a42d3d28b1fc951d0226fb1a445087cdc1e 100644 --- a/opentech/static_src/src/sass/apply/abstracts/_mixins.scss +++ b/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 { diff --git a/opentech/static_src/src/sass/apply/base/_base.scss b/opentech/static_src/src/sass/apply/base/_base.scss index 64fac05a4b13c45752c01e9ca281c1c86f718327..8ab04c2e5d8a29a34c90e499fe7e255cecb5004d 100644 --- a/opentech/static_src/src/sass/apply/base/_base.scss +++ b/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 {