From 0d5ea7d5942d37d518abe70c5877574ac62f7cb9 Mon Sep 17 00:00:00 2001 From: Laura Aubin Date: Tue, 10 Sep 2019 12:02:09 -0400 Subject: [PATCH] Add high contrast media query --- UNRELEASED.md | 1 + src/components/Modal/components/Dialog/Dialog.scss | 4 ++++ 2 files changed, 5 insertions(+) diff --git a/UNRELEASED.md b/UNRELEASED.md index be6f7362a56..3af5b00c860 100644 --- a/UNRELEASED.md +++ b/UNRELEASED.md @@ -18,6 +18,7 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f - Fixed vertical alignment of Tabs disclosure activator ([#2087](https://github.com/Shopify/polaris-react/pull/2087)) - Fixed `Modal` setting an invalid `id` on `aria-labelledby` when no `title` is set ([#2115](https://github.com/Shopify/polaris-react/pull/2115)) - Fixed error warnings in `Card` and `RollupActions` tests ([#2125](https://github.com/Shopify/polaris-react/pull/2125)) +- Fixed modal border not being visible in Windows high contrast mode ([#2114](https://github.com/Shopify/polaris-react/pull/2114)) ### Documentation diff --git a/src/components/Modal/components/Dialog/Dialog.scss b/src/components/Modal/components/Dialog/Dialog.scss index 644c105517a..0020f7173b3 100644 --- a/src/components/Modal/components/Dialog/Dialog.scss +++ b/src/components/Modal/components/Dialog/Dialog.scss @@ -35,6 +35,10 @@ $large-width: rem(980px); background: color('white'); box-shadow: shadow(layer); + @media (-ms-high-contrast: active) { + border: 1px solid ms-high-contrast-color('text'); + } + @include frame-when-nav-hidden { bottom: 0; max-height: 100%;