From 74c36cae64f69a30e4181515f8011984e7ea64a5 Mon Sep 17 00:00:00 2001
From: Tony Stipanic <tony@stipanic.ch>
Date: Wed, 1 Sep 2021 01:02:53 +0200
Subject: [PATCH] fix: Dark mode for modals, remove fade hack

---
 web/style/app.scss               |  6 ------
 web/style/components/dialog.scss | 13 ++-----------
 2 files changed, 2 insertions(+), 17 deletions(-)

diff --git a/web/style/app.scss b/web/style/app.scss
index 38bc1b2..33d1382 100644
--- a/web/style/app.scss
+++ b/web/style/app.scss
@@ -25,12 +25,6 @@ body {
   }
 }
 
-// HACK: Work around dialog not showing up
-// ref: https://github.com/shlomiassaf/angular2-modal/issues/280
-.fade.in {
-  opacity: 1;
-}
-
 .modal.in .modal-dialog {
   -webkit-transform: translate(0, 0);
   -o-transform: translate(0, 0);
diff --git a/web/style/components/dialog.scss b/web/style/components/dialog.scss
index 6d4bad5..7988e7d 100644
--- a/web/style/components/dialog.scss
+++ b/web/style/components/dialog.scss
@@ -1,25 +1,16 @@
 @import "../themes/themes";
 
 @include themifyRoot() {
-  .dialog {
+  .modal-content {
     background-color: themed(dialogBgColor);
     color: themed(dialogFgColor);
 
-    .dialog-header {
+    .modal-header {
       padding: 20px;
       border-bottom: 1px solid themed(dialogBorderColor);
-
-      h4 {
-        margin: 0;
-      }
-    }
-
-    .dialog-content {
-      padding: 20px;
     }
 
     .dialog-footer {
-      padding: 20px;
       border-top: 1px solid themed(dialogFooterBorderColor);
       background-color: themed(dialogFooterBackgroundColor);
     }