From 255b60e2fce46960ef4eabf3e1150e2b1c290a9f Mon Sep 17 00:00:00 2001
From: Erik Ziegler <erik.sweed@gmail.com>
Date: Tue, 25 Oct 2016 14:19:57 +0200
Subject: [PATCH] Fix dialog CSS issues (OHIF-114)

---
 Packages/design/styles/components/dialog.styl              | 7 +++----
 .../client/components/ruleEntryDialog/ruleEntryDialog.html | 2 +-
 .../components/settingEntryDialog/settingEntryDialog.html  | 2 +-
 .../client/components/textEntryDialog/textEntryDialog.html | 4 ++--
 .../lesionLocationDialog/lesionLocationDialog.html         | 4 ++--
 .../client/components/lesionTableHUD/lesionTableHUD.html   | 2 +-
 .../nonTargetLesionDialog/nonTargetLesionDialog.html       | 4 ++--
 .../nonTargetResponseDialog/nonTargetResponseDialog.html   | 2 +-
 .../client/components/viewer/cineDialog/cineDialog.html    | 2 +-
 .../viewer/confirmDeleteDialog/confirmDeleteDialog.html    | 2 +-
 .../components/viewer/layoutChooser/layoutChooser.html     | 2 +-
 11 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/Packages/design/styles/components/dialog.styl b/Packages/design/styles/components/dialog.styl
index 85179b6d4..491fcdf91 100644
--- a/Packages/design/styles/components/dialog.styl
+++ b/Packages/design/styles/components/dialog.styl
@@ -1,12 +1,11 @@
 @import "{design}/app"
 
-.viewerDialogs>*
-
+.viewerDialogs>.dialog-animated
     &:not(.dialog-closed):not(.dialog-open)
         display: none
 
     &.dialog-closed
-        animateSlideOutUp()
+    	animateSlideOutUp()
 
     &.dialog-open
-        animateSlideInDown()
+    	animateSlideInDown()
\ No newline at end of file
diff --git a/Packages/hangingprotocols/client/components/ruleEntryDialog/ruleEntryDialog.html b/Packages/hangingprotocols/client/components/ruleEntryDialog/ruleEntryDialog.html
index 2ba497f15..10b5df9d5 100644
--- a/Packages/hangingprotocols/client/components/ruleEntryDialog/ruleEntryDialog.html
+++ b/Packages/hangingprotocols/client/components/ruleEntryDialog/ruleEntryDialog.html
@@ -1,5 +1,5 @@
 <template name="ruleEntryDialog">
-    <div class="ruleEntryDialog">
+    <div class="ruleEntryDialog dialog-animated">
         <div class="dialogHeader">
             <h5>Rule Editor</h5>
         </div>
diff --git a/Packages/hangingprotocols/client/components/settingEntryDialog/settingEntryDialog.html b/Packages/hangingprotocols/client/components/settingEntryDialog/settingEntryDialog.html
index e6101c1ed..3825d8c43 100644
--- a/Packages/hangingprotocols/client/components/settingEntryDialog/settingEntryDialog.html
+++ b/Packages/hangingprotocols/client/components/settingEntryDialog/settingEntryDialog.html
@@ -1,5 +1,5 @@
 <template name="settingEntryDialog">
-    <div class="settingEntryDialog">
+    <div class="settingEntryDialog dialog-animated">
         <div class="dialogHeader">
             <h5>Viewport Setting Editor</h5>
         </div>
diff --git a/Packages/hangingprotocols/client/components/textEntryDialog/textEntryDialog.html b/Packages/hangingprotocols/client/components/textEntryDialog/textEntryDialog.html
index 55533f41c..7e4aa6f88 100644
--- a/Packages/hangingprotocols/client/components/textEntryDialog/textEntryDialog.html
+++ b/Packages/hangingprotocols/client/components/textEntryDialog/textEntryDialog.html
@@ -1,7 +1,7 @@
 <template name="textEntryDialog">
-    <div class="textEntryDialog">
+    <div class="textEntryDialog dialog-animated">
         <div class="dialogHeader">
-            <h4 class="title">{{title}}}</h4>
+            <h4 class="title">{{title}}</h4>
         </div>
         <div class="dialogContent">
             <div class="row">
diff --git a/Packages/lesiontracker/client/components/lesionLocationDialog/lesionLocationDialog.html b/Packages/lesiontracker/client/components/lesionLocationDialog/lesionLocationDialog.html
index 32de9ec10..892b48596 100644
--- a/Packages/lesiontracker/client/components/lesionLocationDialog/lesionLocationDialog.html
+++ b/Packages/lesiontracker/client/components/lesionLocationDialog/lesionLocationDialog.html
@@ -1,5 +1,5 @@
 <template name="lesionLocationDialog">
-    <div id="lesionLocationDialog" tabindex="0">
+    <div id="lesionLocationDialog" class="dialog-animated" tabindex="0">
         <div class="dialogHeader">
             <h4>Select Lesion Location</h4>
         </div>
@@ -16,7 +16,7 @@
         </div>
     </div>
 
-    <div id="lesionLocationRelabelDialog" tabindex="0">
+    <div id="lesionLocationRelabelDialog" class="dialog-animated" tabindex="0">
         <div class="dialogHeader">
             <h4>Change Lesion Location</h4>
         </div>
diff --git a/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.html b/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.html
index f53a69be4..2c2ae4b0a 100644
--- a/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.html
+++ b/Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.html
@@ -1,5 +1,5 @@
 <template name="lesionTableHUD">
-    <div id="lesionTableHUD" class="{{hudHidden}}">
+    <div id="lesionTableHUD" class="dialog-animated {{hudHidden}}">
         <div class="header">
             <span>Measurements</span>
             <svg class="buttonClose">
diff --git a/Packages/lesiontracker/client/components/nonTargetLesionDialog/nonTargetLesionDialog.html b/Packages/lesiontracker/client/components/nonTargetLesionDialog/nonTargetLesionDialog.html
index 6c837f79c..5ce7cdd40 100644
--- a/Packages/lesiontracker/client/components/nonTargetLesionDialog/nonTargetLesionDialog.html
+++ b/Packages/lesiontracker/client/components/nonTargetLesionDialog/nonTargetLesionDialog.html
@@ -1,5 +1,5 @@
 <template name="nonTargetLesionDialog">
-    <div id="nonTargetLesionLocationDialog" tabindex="0">
+    <div id="nonTargetLesionLocationDialog" class="dialog-animated" tabindex="0">
         <div class="dialogHeader">
             <h4>Select Lesion Location</h4>
         </div>
@@ -32,7 +32,7 @@
         </div>
     </div>
 
-    <div id="nonTargetLesionRelabelDialog" tabindex="0">
+    <div id="nonTargetLesionRelabelDialog" class="dialog-animated" tabindex="0">
         <div class="dialogHeader">
             <h4>Select Lesion Location</h4>
         </div>
diff --git a/Packages/lesiontracker/client/components/nonTargetResponseDialog/nonTargetResponseDialog.html b/Packages/lesiontracker/client/components/nonTargetResponseDialog/nonTargetResponseDialog.html
index 1b8ee9807..d9b13d4f7 100644
--- a/Packages/lesiontracker/client/components/nonTargetResponseDialog/nonTargetResponseDialog.html
+++ b/Packages/lesiontracker/client/components/nonTargetResponseDialog/nonTargetResponseDialog.html
@@ -1,5 +1,5 @@
 <template name="nonTargetResponseDialog">
-    <div id="nonTargetResponseDialog" tabindex="0">
+    <div id="nonTargetResponseDialog" class="dialog-animated" tabindex="0">
         <div class="dialogHeader">
             <h5>Select Response</h5>
         </div>
diff --git a/Packages/viewerbase/client/components/viewer/cineDialog/cineDialog.html b/Packages/viewerbase/client/components/viewer/cineDialog/cineDialog.html
index b4bb7f8b5..7cb5acb85 100644
--- a/Packages/viewerbase/client/components/viewer/cineDialog/cineDialog.html
+++ b/Packages/viewerbase/client/components/viewer/cineDialog/cineDialog.html
@@ -1,5 +1,5 @@
 <template name="cineDialog">
-    {{#form id='cineDialog' class='noselect' schema=instance.schema api=instance.api}}
+    {{#form id='cineDialog' class='dialog-animated noselect' schema=instance.schema api=instance.api}}
         {{>inputHidden key='intervalId'}}
         <div class="cine-navigation">
             <div class="btn-group">
diff --git a/Packages/viewerbase/client/components/viewer/confirmDeleteDialog/confirmDeleteDialog.html b/Packages/viewerbase/client/components/viewer/confirmDeleteDialog/confirmDeleteDialog.html
index 55a997cfb..23fb5ba9e 100644
--- a/Packages/viewerbase/client/components/viewer/confirmDeleteDialog/confirmDeleteDialog.html
+++ b/Packages/viewerbase/client/components/viewer/confirmDeleteDialog/confirmDeleteDialog.html
@@ -1,5 +1,5 @@
 <template name="confirmDeleteDialog">
-    <div id="confirmDeleteDialog" tabindex="0">
+    <div id="confirmDeleteDialog" class="dialog-animated" tabindex="0">
         {{#if title}}
             <h5>{{title}}</h5>
         {{else}}
diff --git a/Packages/viewerbase/client/components/viewer/layoutChooser/layoutChooser.html b/Packages/viewerbase/client/components/viewer/layoutChooser/layoutChooser.html
index e9d119a4a..962639bb4 100644
--- a/Packages/viewerbase/client/components/viewer/layoutChooser/layoutChooser.html
+++ b/Packages/viewerbase/client/components/viewer/layoutChooser/layoutChooser.html
@@ -1,5 +1,5 @@
 <template name="layoutChooser">
-    <div id="layoutChooser" class="layoutChooser">
+    <div id="layoutChooser" class="layoutChooser dialog-animated">
         <table>
             <tr>
                 <td></td>