Fix dialog CSS issues (OHIF-114)

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()

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>

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>

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">

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>

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">

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>

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>

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">

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

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>