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); }