[Amsterdam] Improve modals (#3515)

* Remove modal border & improve overlay color * Remove amsterdam modal border-radius * Adjust overlay mask transparency * Add changes to CHANGELOG * Adjust EuiImage caption for darker overlay
elastic · May 29, 2020 · 29174cb · 29174cb
1 parent a3c80cc
commit 29174cb
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -25,6 +25,10 @@
 
 - Removed `src-framer` files from the repository ([#3487](https://github.com/elastic/eui/pull/3487))
 
+**Theme: Amsterdam**
+
+- Removed borders `EuiModal` ([#3515](https://github.com/elastic/eui/pull/3515))
+- Improve `EuiOverlayMask` colors ([#3515](https://github.com/elastic/eui/pull/3515))
 
 ## [`24.0.0`](https://github.com/elastic/eui/tree/v24.0.0)
 

diff --git a/src/themes/eui-amsterdam/overrides/_image.scss b/src/themes/eui-amsterdam/overrides/_image.scss
@@ -0,0 +1,6 @@
+.euiImage-isFullScreen {
+  .euiImage__caption {
+    color: $euiColorGhost;
+    text-shadow: 0 1px 2px transparentize($euiColorInk, .6);
+  }
+}
diff --git a/src/themes/eui-amsterdam/overrides/_index.scss b/src/themes/eui-amsterdam/overrides/_index.scss
@@ -1,4 +1,7 @@
 @import 'button';
 @import 'button_empty';
 @import 'button_group';
+@import 'image';
+@import 'modal';
+@import 'overlay_mask';
 @import 'text';
diff --git a/src/themes/eui-amsterdam/overrides/_modal.scss b/src/themes/eui-amsterdam/overrides/_modal.scss
@@ -0,0 +1,3 @@
+.euiModal {
+  border: none;
+}
diff --git a/src/themes/eui-amsterdam/overrides/_overlay_mask.scss b/src/themes/eui-amsterdam/overrides/_overlay_mask.scss
@@ -0,0 +1,3 @@
+.euiOverlayMask {
+  background: transparentize($euiColorInk, .5);
+}