Updating design of OHIF Viewer using (OHIF-49)

2016-07-22 14:26:29 +02:00
1 parent f53ee8e030
commit a6c45ddd27
@@ -1,102 +0,0 @@
-@import "{design}/app"
-
-$viewportTagPadding = 20px
-$imageSliderBorderRadius = 57px
-$imageSliderColor = $boxBackgroundColorDark
-$imageSliderTrackColor = rgba(0,0,0,0)
-$imageSliderBorder = none
-
-// Note that these are backwards due to the magic needed to make a cross-browser vertical slider
-$imageSliderWidth = 12px
-$imageSliderHeight = 39px
-$imageSliderCursor = grab
-
-.imageViewerViewportOverlay
-  color: $textSecondaryColor
-
-  .dicomTag
-    font-weight: 200
-
-  .topleft
-    top: $viewportTagPadding
-    left: $viewportTagPadding
-
-  .topright
-    top: $viewportTagPadding
-    right: $viewportTagPadding
-    text-align: right
-
-  .bottomleft
-    bottom: $viewportTagPadding
-    left: $viewportTagPadding
-
-  .bottomright
-    bottom: $viewportTagPadding
-    right: $viewportTagPadding
-    text-align: right
-
-  .imageControls
-    #scrollbar
-      #imageSlider
-        -webkit-appearance: none
-        background-color: $imageSliderTrackColor
-
-        // --- Style the range track --- //
-        &::-webkit-slider-runnable-track
-          height: 5px
-          border: none
-          cursor: pointer
-          background-color: $imageSliderTrackColor
-          z-index: 6
-
-        &::-moz-range-track
-          height: 2px
-          border: none
-          cursor: pointer
-          background-color: $imageSliderTrackColor
-          z-index: 6
-
-        &::-ms-track
-          width: 100%
-          height: 2px
-          border: none
-          cursor: pointer
-          animate: 0.2s
-          background: transparent
-          border-width: 15px 0
-          color: $imageSliderTrackColor
-
-        // Hide any fill IE tries to add
-        &::-ms-fill-lower
-          background: $imageSliderTrackColor
-
-        &::-ms-fill-upper
-          background: $imageSliderTrackColor
-
-        // --- Style the range thumb --- //
-        &::-webkit-slider-thumb
-          -webkit-appearance: none !important
-          background-color: $imageSliderColor
-          border-radius: $imageSliderBorderRadius
-          border: $imageSliderBorder
-          height: $imageSliderWidth
-          width: $imageSliderHeight
-          cursor: $imageSliderCursor
-          margin-top: -7px
-
-        &::-moz-range-thumb
-          background-color: $imageSliderColor
-          border-radius: $imageSliderBorderRadius
-          border: $imageSliderBorder
-          height: $imageSliderWidth
-          width: $imageSliderHeight
-          cursor: $imageSliderCursor
-          z-index: 7
-
-        &::-ms-thumb
-          background-color: $imageSliderColor
-          border-radius: $imageSliderBorderRadius
-          border: $imageSliderBorder
-          height: $imageSliderWidth
-          width: $imageSliderHeight
-          cursor: $imageSliderCursor
@@ -8,30 +8,4 @@
  height: 100%
  margin: 0
  padding: 0
-  width: 100%
-
-//font awesome icons
-.fa-cr:before
-  content: 'CR'
-  font-weight: bold
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
-
-.fa-un:before
-  content: 'UN'
-  font-weight: bold
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
-
-.fa-ex:before
-  content: 'EX'
-  font-weight: bold
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
-
-#btnCollapse
-  background-color: #333
-  border-color: black
-
-  &.active
-    border-color: #333
-
-.btnCollapseIcon
-  color: white
+  width: 100%
@@ -1,6 +0,0 @@
-<template name="viewerMain">
-    <div class="viewerMain">
-        <div id='layoutManagerTarget'>
-        </div>
-    </div>
-</template>
@@ -1,10 +0,0 @@
-Template.viewerMain.onRendered(function() {
-    var instance = this;
-    var studies = instance.data.studies;
-
-    var parentElement = instance.$("#layoutManagerTarget").get(0);
-    window.layoutManager = new LayoutManager(parentElement, studies);
-
-    ProtocolEngine = new HP.ProtocolEngine(window.layoutManager, studies);
-    HP.setEngine(ProtocolEngine);
-});
@@ -1,17 +0,0 @@
-@import "{design}/app"
-
-.viewerMain
-  width: 100%
-  height: 100%
-
-  #layoutManagerTarget
-    width: 100%
-    height: 100%
-
-    transition(all 0.3s ease)
-
-    #imageViewerViewports
-      .viewportContainer:not(:last-child)
-        .removable
-          .imageViewerViewport
-            border-right: $uiBorderThickness solid #436270