Mostly style files and Hanging Protocol changes

Packages/ohif-viewerbase/client/components/basic/aboutModal/aboutModal.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 #aboutModal
   .logo

Packages/ohif-viewerbase/client/components/studyBrowser/imageThumbnail/imageThumbnail.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 .thumbnailEntry.active .imageThumbnail
   theme('border-color', '$activeColor')

Packages/ohif-viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 $seriesCountBackgroundColor = #678696
 

Packages/ohif-viewerbase/client/components/viewer/annotationDialogs/annotationDialogs.styl

@@ -1,4 +1,4 @@
-@import "{design}/app.styl"
+@import "{ohif:design}/app"
 
 .annotationDialog
   theme('border', '1px solid $uiBorderColor', 0.95)

Packages/ohif-viewerbase/client/components/viewer/cineDialog/cineDialog.html

@@ -1,45 +1,47 @@
 <template name="cineDialog">
-    {{#form id='cineDialog' class=(getClassNames 'dialog-animated noselect') schema=instance.schema api=instance.api}}
-        {{>inputHidden key='intervalId'}}
-        <div class="cine-navigation">
-            <div class="btn-group">
-                {{#button class='btn' disabled=(displaySetDisabled false) action='displaySetPrevious' title='Previous display set'}}
-                    <i class="fa fa-toggle-up"></i>
-                {{/button}}
-                {{#button class='btn' disabled=(displaySetDisabled true) action='displaySetNext' title='Next display set'}}
-                    <i class="fa fa-toggle-down"></i>
-                {{/button}}
+    <dialog id="cineDialog">
+        {{#form id='cineDialogForm' class=(getClassNames 'dialog-animated noselect') schema=instance.schema api=instance.api}}
+            {{>inputHidden key='intervalId'}}
+            <div class="cine-navigation">
+                <div class="btn-group">
+                    {{#button class='btn' disabled=(displaySetDisabled false) action='displaySetPrevious' title='Previous display set'}}
+                        <i class="fa fa-toggle-up"></i>
+                    {{/button}}
+                    {{#button class='btn' disabled=(displaySetDisabled true) action='displaySetNext' title='Next display set'}}
+                        <i class="fa fa-toggle-down"></i>
+                    {{/button}}
+                </div>
             </div>
-        </div>
-        <div class="cine-controls">
-            <div class="btn-group">
-                {{#button class='btn' action='cineFirst' title='Skip to first image' disabled=(buttonDisabled)}}
-                    <i class="fa fa-fast-backward"></i>
-                {{/button}}
-                {{#button class='btn' action='cinePrevious' title='Previous image' disabled=(buttonDisabled)}}
-                    <i class="fa fa-step-backward"></i>
-                {{/button}}
-                {{#button class='btn' action='cineToggle' title='Play / Stop' class=(concat 'btn ' (valueIf isPlaying 'active' '')) disabled=(buttonDisabled)}}
-                    {{#if isPlaying}}
-                        <i class="fa fa-fw fa-stop"></i>
-                    {{else}}
-                        <i class="fa fa-fw fa-play"></i>
-                    {{/if}}
-                {{/button}}
-                {{#button class='btn' action='cineNext' title='Next image' disabled=(buttonDisabled)}}
-                    <i class="fa fa-step-forward"></i>
-                {{/button}}
-                {{#button class='btn' action='cineLast' title='Skip to last image' disabled=(buttonDisabled)}}
-                    <i class="fa fa-fast-forward"></i>
-                {{/button}}
+            <div class="cine-controls">
+                <div class="btn-group">
+                    {{#button class='btn' action='cineFirst' title='Skip to first image' disabled=(buttonDisabled)}}
+                        <i class="fa fa-fast-backward"></i>
+                    {{/button}}
+                    {{#button class='btn' action='cinePrevious' title='Previous image' disabled=(buttonDisabled)}}
+                        <i class="fa fa-step-backward"></i>
+                    {{/button}}
+                    {{#button class='btn' action='cineToggle' title='Play / Stop' class=(concat 'btn ' (valueIf isPlaying 'active' '')) disabled=(buttonDisabled)}}
+                        {{#if isPlaying}}
+                            <i class="fa fa-fw fa-stop"></i>
+                        {{else}}
+                            <i class="fa fa-fw fa-play"></i>
+                        {{/if}}
+                    {{/button}}
+                    {{#button class='btn' action='cineNext' title='Next image' disabled=(buttonDisabled)}}
+                        <i class="fa fa-step-forward"></i>
+                    {{/button}}
+                    {{#button class='btn' action='cineLast' title='Skip to last image' disabled=(buttonDisabled)}}
+                        <i class="fa fa-fast-forward"></i>
+                    {{/button}}
+                </div>
             </div>
-        </div>
-        <div class="cine-options">
-            <div class="fps-section">
-                {{#inputRange key='framesPerSecond' class='p-a-0' labelClass='form-group m-a-0' labelAsDiv=true}}
-                {{/inputRange}}
+            <div class="cine-options">
+                <div class="fps-section">
+                    {{#inputRange key='framesPerSecond' class='p-a-0' labelClass='form-group m-a-0' labelAsDiv=true}}
+                    {{/inputRange}}
+                </div>
+                <span id="fps">{{framerate}} fps</span>
             </div>
-            <span id="fps">{{framerate}} fps</span>
-        </div>
-    {{/form}}
+        {{/form}}
+    </dialog>
 </template>

Packages/ohif-viewerbase/client/components/viewer/cineDialog/cineDialog.styl

@@ -1,4 +1,4 @@
-@import "{design}/app.styl"
+@import "{ohif:design}/app"
 
 #cineDialog
   theme('border', '2px solid $uiBorderColor', 0.95)

Packages/ohif-viewerbase/client/components/viewer/gridLayout/gridLayout.styl

@@ -1,4 +1,4 @@
-@import "{design}/app.styl"
+@import "{ohif:design}/app"
 
 #imageViewerViewports
   height: 100%

Packages/ohif-viewerbase/client/components/viewer/imageControls/imageControls.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 $imageSliderBorderRadius = 57px
 $imageSliderTrackColor = rgba(0,0,0,0)

Packages/ohif-viewerbase/client/components/viewer/imageViewerViewport/imageViewerViewport.styl

@@ -1,4 +1,4 @@
-@import "{design}/app.styl"
+@import "{ohif:design}/app"
 
 .imageViewerViewport
   width: 100%

Packages/ohif-viewerbase/client/components/viewer/layoutChooser/layoutChooser.styl

@@ -1,4 +1,4 @@
-@import "{design}/app.styl"
+@import "{ohif:design}/app"
 
 $borderColor = rgba(77, 99, 110, 0.81)
 

Packages/ohif-viewerbase/client/components/viewer/loadingIndicator/loadingIndicator.styl

@@ -1,4 +1,4 @@
-@import "{design}/app.styl"
+@import "{ohif:design}/app"
 
 .imageViewerLoadingIndicator
   theme('color', '$textSecondaryColor')

Packages/ohif-viewerbase/client/components/viewer/studySeriesQuickSwitch/studySeriesQuickSwitch.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 $switchSize = 55px
 $seriesSpacing = 2px
@@ -121,7 +121,7 @@ $seriesSpacing = 2px
       width: $switchSize + $seriesSpacing
 
       .seriesItem
-        theme('background-color', '$boxBackgroundColor')
+        theme('background-color', '$boxBackgroundColor')Dark
         border-radius: 3px
         height: 15px
         margin: $seriesSpacing
@@ -164,10 +164,10 @@ $seriesSpacing = 2px
     overflow-x: hidden
     overflow-y: scroll
     width: calc(100% + 22px)
-
+    
     &.is-mac
       padding-right: 22px
-
+      
     &.show-scroll-indicator-up:before
     &.show-scroll-indicator-down:after
       font-family: FontAwesome
@@ -180,11 +180,11 @@ $seriesSpacing = 2px
       z-index: 1
       text-align: center
       left: 0
-
+        
     &.show-scroll-indicator-up:before
       top: -10px
       content: '\f102'
-
+        
     &.show-scroll-indicator-down:after
       bottom: 18px
       content: '\f103'

Packages/ohif-viewerbase/client/components/viewer/studyTimepointBrowser/studyTimepoint.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 .studyTimepointWrapper
   overflow: hidden

Packages/ohif-viewerbase/client/components/viewer/studyTimepointBrowser/studyTimepointBrowser.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 $timepointButtonHeight = 55px
 

Packages/ohif-viewerbase/client/components/viewer/studyTimepointBrowser/studyTimepointStudy.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 $boxBorderColor = transparent
 $boxHoverBackgroundColor = #14191E

Packages/ohif-viewerbase/client/components/viewer/toolbarSectionButton/toolbarSectionButton.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 .toolbarSectionButton
   theme('color', '$defaultColor')

Packages/ohif-viewerbase/client/components/viewer/toolbarSectionTools/toolbarSectionTools.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 $distance = 10px
 

Packages/ohif-viewerbase/client/components/viewer/viewerMain/viewerMain.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 .viewerMain
   width: 100%

Packages/ohif-viewerbase/client/components/viewer/viewportOverlay/viewportOverlay.styl

@@ -1,4 +1,4 @@
-@import "{design}/app"
+@import "{ohif:design}/app"
 
 $viewportTagPadding = 20px
 
@@ -48,3 +48,4 @@ $viewportTagPadding = 20px
     margin: 2px
     width: 18px
     height: 18px
+