fix: modal border (#1135)

see the issue for details fixes issue #1096
ORCID · Sep 15, 2021 · 1611f4e · 1611f4e
1 parent 2a6126f
commit 1611f4e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/app/cdk/modal/modal/modal.component.scss b/src/app/cdk/modal/modal/modal.component.scss
@@ -1,6 +1,7 @@
 :host {
   margin: -24px;
   display: flex;
+  border: 2px solid;
 
   .content-wrapper {
     max-height: 100%;

diff --git a/src/app/cdk/modal/modal/modal.component.scss-theme.scss b/src/app/cdk/modal/modal/modal.component.scss-theme.scss
@@ -0,0 +1,16 @@
+@import '~@angular/material/theming';
+@import 'src/assets/scss/material.orcid-theme.scss';
+
+@mixin modal-footer-theme($theme) {
+  $primary: map-get($theme, primary);
+  $accent: map-get($theme, accent);
+  $warn: map-get($theme, accent);
+  $foreground: map-get($theme, foreground);
+  $background: map-get($theme, background);
+
+  :host {
+    border-color: mat-color($background, ui-background-darkest) !important;
+  }
+}
+
+@include modal-footer-theme($orcid-app-theme);