reorganize packages, start converting overall app to react (very broken at the moment)
This commit is contained in:
Erik Ziegler committed
1 parent
024fe1a448
commit
5f30f7bd35
479 files changed
+5364
-11611
No files matched your search
@@ -0,0 +1,94 @@
|
||||
@import "{ohif:viewerbase}/app"
|
||||
|
||||
label.wrapperLabel
|
||||
cursor: pointer
|
||||
|
||||
label.wrapperLabel:not(.checkboxLabel)
|
||||
cursor: pointer
|
||||
display: flex
|
||||
flex-direction: column
|
||||
|
||||
.wrapperText
|
||||
display: block
|
||||
order: -1
|
||||
transition(color 0.3s ease)
|
||||
|
||||
.form-themed
|
||||
|
||||
.btn, input[type=text], input[type=password], input[type=number]
|
||||
|
||||
&[disabled], &.disabled
|
||||
|
||||
&, &:hover, &:active
|
||||
theme('background-color', '$uiGrayDarker')
|
||||
theme('border-color', '$uiGrayLight')
|
||||
theme('color', '$textPrimaryColor')
|
||||
|
||||
& + .wrapperText
|
||||
theme('color', '$textPrimaryColor')
|
||||
cursor: auto
|
||||
|
||||
input[type=text], input[type=password], input[type=number]
|
||||
theme('background-color', '$uiGray')
|
||||
theme('border-color', '$uiBorderColor')
|
||||
theme('color', '$textPrimaryColor')
|
||||
font-weight: normal
|
||||
transition(background-color 0.3s ease\, border-color 0.3s ease)
|
||||
|
||||
&:active, &:focus
|
||||
theme('background-color', '$uiGrayDark')
|
||||
theme('border-color', '$activeColor')
|
||||
box-shadow: none
|
||||
|
||||
& + .wrapperText
|
||||
theme('color', '$activeColor')
|
||||
|
||||
.btn-primary
|
||||
theme('background-color', '$activeColor')
|
||||
theme('border-color', '$uiBorderColorActive')
|
||||
theme('color', '$textColorActive')
|
||||
transition(background-color 0.3s ease\, border-color 0.3s ease)
|
||||
|
||||
&:hover, &:active, &:focus, &:focus:active
|
||||
theme('background-color', '$activeColor', 0.8)
|
||||
theme('border-color', '$uiBorderColorActive', 0.8)
|
||||
theme('color', '$textColorActive')
|
||||
|
||||
span.select2.select2-container
|
||||
width: 100% !important
|
||||
|
||||
span.select2-selection
|
||||
color: rgba(255, 255, 255, 0.52)
|
||||
background-color: #2c353f
|
||||
|
||||
span.select2-selection__arrow
|
||||
theme('background-color', '$uiGray')
|
||||
|
||||
&:hover, &:focus
|
||||
span.select2-selection__arrow
|
||||
theme('background-color', '$uiGray')
|
||||
theme('color', '$textPrimaryColor')
|
||||
|
||||
span.select2-selection__rendered
|
||||
theme('color', '$textPrimaryColor')
|
||||
font-size: 14px
|
||||
|
||||
&.select2-container--open span.select2-selection span.select2-selection__arrow
|
||||
theme('background-color', '$uiGrayDark')
|
||||
theme('color', '$textPrimaryColor')
|
||||
|
||||
.form-control
|
||||
background-color: #FFFFFF
|
||||
border: 0
|
||||
border-radius(2px)
|
||||
font-size: 14px
|
||||
height: 30px
|
||||
line-height: 16px
|
||||
padding: 8px 9px 6px
|
||||
|
||||
&:focus
|
||||
theme('box-shadow', '0 0 0 2px $activeColor !important')
|
||||
|
||||
.form-themed .form-control
|
||||
theme('box-shadow', '0 0 0 1px $uiBorderColor')
|
||||
|
||||
@@ -0,0 +1,356 @@
|
||||
@import '{ohif:viewerbase}/app'
|
||||
|
||||
html body
|
||||
theme('background-color', '$primaryBackgroundColor')
|
||||
font-family: 'Roboto', 'OpenSans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif
|
||||
-webkit-backface-visibility: hidden // Prevent Chrome from shifting parent elements on transform
|
||||
font-family: Roboto
|
||||
|
||||
html body.stretch
|
||||
height: 100%
|
||||
min-width: 0
|
||||
overflow: hidden
|
||||
position: fixed
|
||||
width: 100%
|
||||
|
||||
html hr
|
||||
theme('border-top', '1px solid $uiBorderColor')
|
||||
|
||||
body .table > thead > tr > th
|
||||
theme('border-color', '$uiBorderColor')
|
||||
|
||||
body ol
|
||||
margin: 0
|
||||
padding-left: 1em
|
||||
|
||||
// This is needed for IE11 because svgxuse doesn't allow the browser to capture mouse events on SVG
|
||||
svg, use
|
||||
pointer-events: none
|
||||
|
||||
input::-ms-clear
|
||||
display: none
|
||||
|
||||
label.form-group
|
||||
width: 100%
|
||||
|
||||
&>span.select2
|
||||
display: block
|
||||
width: 100% !important
|
||||
|
||||
span.select2-selection
|
||||
min-height: 34px
|
||||
|
||||
span.select2-selection__rendered
|
||||
height: 34px
|
||||
line-height: 34px
|
||||
|
||||
span.select2-selection__arrow
|
||||
height: 34px
|
||||
|
||||
.select-small+span.select2.select2-container span.select2-selection
|
||||
height: 20px
|
||||
|
||||
span.select2-selection__rendered
|
||||
height: 20px
|
||||
line-height: 20px
|
||||
padding-left: 5px
|
||||
padding-right: 17px
|
||||
|
||||
span.select2-selection__arrow
|
||||
height: 20px
|
||||
width: 12px
|
||||
|
||||
&:after
|
||||
font-size: 12px
|
||||
height: 20px
|
||||
line-height: 20px
|
||||
width: 12px
|
||||
|
||||
.select2-container-nowrap
|
||||
|
||||
.select2-dropdown
|
||||
display: table
|
||||
|
||||
.select2-results__options li
|
||||
white-space: nowrap
|
||||
|
||||
body .select2-container--default .select2-results>.select2-results__options
|
||||
max-height: 320px
|
||||
|
||||
.center-table
|
||||
display: table
|
||||
margin-left: auto
|
||||
margin-right: auto
|
||||
|
||||
.height-auto
|
||||
height: auto !important
|
||||
|
||||
.caret-down
|
||||
display: inline-block
|
||||
width: 0
|
||||
height: 0
|
||||
margin-top: .5rem
|
||||
border-top: 5px solid
|
||||
border-right: 5px solid transparent
|
||||
border-left: 5px solid transparent
|
||||
|
||||
.noselect
|
||||
-webkit-touch-callout: none
|
||||
-webkit-user-select: none
|
||||
-khtml-user-select: none
|
||||
-moz-user-select: none
|
||||
-ms-user-select: none
|
||||
user-select: none
|
||||
|
||||
.btn
|
||||
transition(background-color 0.3s ease)
|
||||
|
||||
.modal-dialog
|
||||
.modal-content
|
||||
theme('background-color', '$uiGrayDarker')
|
||||
theme('border-color', '$uiBorderColor')
|
||||
theme('color', '$textSecondaryColor')
|
||||
border-radius(6px)
|
||||
border: 0
|
||||
|
||||
.modal-header, .modal-footer
|
||||
theme('border-color', '$uiBorderColor')
|
||||
|
||||
.dialog-separator,
|
||||
.dialog-separator-before,
|
||||
.dialog-separator-after
|
||||
position: relative
|
||||
|
||||
.dialog-separator:before,
|
||||
.dialog-separator:after,
|
||||
.dialog-separator-before:before,
|
||||
.dialog-separator-after:after
|
||||
background-color: #000000
|
||||
box-shadow(-50px 0 0 #000000\, 50px 0 0 #000000)
|
||||
content: ' '
|
||||
display: block
|
||||
height: 3px
|
||||
left: 0
|
||||
position: absolute
|
||||
width: 100%
|
||||
|
||||
.dialog-separator:before,
|
||||
.dialog-separator-before:before
|
||||
top: -3px
|
||||
|
||||
.dialog-separator:after,
|
||||
.dialog-separator-after:after
|
||||
bottom: -3px
|
||||
|
||||
.modal-body
|
||||
theme('color', '$textPrimaryColor')
|
||||
padding: 16px 22px 25px
|
||||
position: relative
|
||||
|
||||
.modal-header
|
||||
border-bottom-width: 3px
|
||||
border-bottom-style: solid
|
||||
border-bottom-color: #000000
|
||||
padding: 19px 22px 17px
|
||||
position: relative
|
||||
|
||||
h4
|
||||
theme('color', '$textSecondaryColor')
|
||||
font-size: 20px
|
||||
font-weight: 500
|
||||
line-height: 24px
|
||||
padding-right: 24px
|
||||
|
||||
.modal-footer
|
||||
border-top: 0
|
||||
|
||||
.card-round
|
||||
theme('background-color', '$uiGrayDark')
|
||||
border-radius(5px)
|
||||
padding: 10px
|
||||
|
||||
.modal-header
|
||||
position: relative
|
||||
|
||||
button.close
|
||||
position: absolute
|
||||
right: 21px
|
||||
top: 50%
|
||||
transform(translateY(-50%))
|
||||
transition(color 0.3s ease)
|
||||
|
||||
.button-close, .modal-dialog button.close
|
||||
theme('color', '$textSecondaryColor')
|
||||
height: 20px
|
||||
opacity: 1
|
||||
overflow: hidden
|
||||
padding: 2px
|
||||
text-align: center
|
||||
text-shadow: none
|
||||
width: 20px
|
||||
|
||||
&:hover span
|
||||
&:before, &:after
|
||||
theme('background-color', '$textPrimaryColor')
|
||||
|
||||
&:active span
|
||||
&:before, &:after
|
||||
theme('background-color', '$activeColor')
|
||||
|
||||
span
|
||||
color: transparent
|
||||
display: block
|
||||
font-size: 0
|
||||
height: 100%
|
||||
line-height: 0
|
||||
overflow: hidden
|
||||
position: relative
|
||||
width: 100%
|
||||
|
||||
&:before, &:after
|
||||
theme('background-color', '$textSecondaryColor')
|
||||
content: ' '
|
||||
display: block
|
||||
height: 2px
|
||||
transition(background-color 0.3s ease)
|
||||
width: 19px
|
||||
|
||||
&:before
|
||||
left: 1px
|
||||
position: absolute
|
||||
top: 1px
|
||||
transform(rotate(45deg))
|
||||
transform-origin(1px 50%)
|
||||
|
||||
&:after
|
||||
right: 1px
|
||||
position: absolute
|
||||
top: 1px
|
||||
transform(rotate(-45deg))
|
||||
transform-origin(calc(100% - 1px) 50%)
|
||||
|
||||
.full-width
|
||||
width: 100%
|
||||
|
||||
.full-height
|
||||
height: 100%
|
||||
|
||||
.flex-h
|
||||
display: flex
|
||||
flex-direction: row
|
||||
|
||||
.flex-v
|
||||
display: flex
|
||||
flex-direction: column
|
||||
|
||||
.flex-grow
|
||||
flex-grow: 1
|
||||
|
||||
.nowrap
|
||||
white-space: nowrap
|
||||
|
||||
.themed
|
||||
table
|
||||
theme('color', '$textPrimaryColor')
|
||||
|
||||
th, td
|
||||
font-size: 15px
|
||||
font-weight: normal
|
||||
|
||||
th
|
||||
line-height: 60px
|
||||
|
||||
td
|
||||
line-height: 18px
|
||||
|
||||
.btn
|
||||
border: 0
|
||||
border-radius(4px)
|
||||
font-size: 15px
|
||||
font-weight: normal
|
||||
height: 37px
|
||||
line-height: 37px
|
||||
padding: 0 12px
|
||||
|
||||
&.btn-primary, &.btn-secondary
|
||||
color: #000000
|
||||
|
||||
&:hover, &:active, &:focus, &:focus:active
|
||||
color: #000000
|
||||
|
||||
&.btn-primary, &.btn-secondary, &.btn-danger
|
||||
transition(background-color 0.3s ease)
|
||||
|
||||
&.btn-primary
|
||||
theme('background-color', '$activeColor')
|
||||
|
||||
&:hover, &:active, &:focus, &:focus:active
|
||||
theme('background-color', '$activeColor', 0.8)
|
||||
|
||||
&.btn-secondary
|
||||
theme('background-color', '$textSecondaryColor')
|
||||
|
||||
&:hover, &:active, &:focus, &:focus:active
|
||||
theme('background-color', '$textSecondaryColor', 0.8)
|
||||
|
||||
&.btn-danger
|
||||
theme('background-color', '$destructiveColor')
|
||||
theme('color', '$textPrimaryColor')
|
||||
|
||||
&:hover, &:active, &:focus, &:focus:active
|
||||
theme('color', '$textPrimaryColor')
|
||||
theme('background-color', '$destructiveColor', 0.8)
|
||||
|
||||
&.active
|
||||
box-shadow(inset 1px 1px 2px rgba(0, 0, 0, 0.5))
|
||||
|
||||
.wrapperLabel .wrapperText
|
||||
theme('color', '$textPrimaryColor')
|
||||
font-size: 14px
|
||||
font-weight: bold
|
||||
line-height: 16px
|
||||
|
||||
&:not(:empty)
|
||||
margin-bottom: 13px
|
||||
|
||||
.nav-tabs
|
||||
border-bottom: 0
|
||||
margin-bottom: 3px
|
||||
position: relative
|
||||
z-index: 1
|
||||
|
||||
&>li
|
||||
font-size: 14px
|
||||
font-weight: normal
|
||||
height: 40px
|
||||
line-height: 40px
|
||||
margin-bottom: 0
|
||||
|
||||
&>a
|
||||
display: block
|
||||
width: 100%
|
||||
line-height: inherit
|
||||
margin: 0
|
||||
height: inherit
|
||||
padding: 0 10px 0 10px
|
||||
|
||||
&:after
|
||||
background-color: transparent
|
||||
bottom: -3px
|
||||
content: ' '
|
||||
display: block
|
||||
height: 3px
|
||||
transition(background-color 0.3s ease)
|
||||
width: 100%
|
||||
|
||||
&>a, &.active>a
|
||||
&, &:hover, &:active, &:focus
|
||||
theme('color', '$activeColor')
|
||||
background-color: transparent
|
||||
border: 0
|
||||
|
||||
&.active>a
|
||||
font-weight: bold
|
||||
|
||||
&:after
|
||||
theme('background-color', '$activeColor')
|
||||
@@ -0,0 +1,45 @@
|
||||
@import "{ohif:viewerbase}/app"
|
||||
|
||||
@keyframes zoomIn
|
||||
0%
|
||||
transform(scale(0))
|
||||
100%
|
||||
transform(scale(1))
|
||||
|
||||
@keyframes zoomOut
|
||||
0%
|
||||
transform(scale(1))
|
||||
100%
|
||||
transform(scale(0))
|
||||
|
||||
@keyframes slideInDown
|
||||
0%
|
||||
opacity: 0
|
||||
transform(translateY(-100%) scale(0))
|
||||
100%
|
||||
opacity: 1
|
||||
transform(translateY(0) scale(1))
|
||||
|
||||
@keyframes slideOutUp
|
||||
0%
|
||||
opacity: 1
|
||||
transform(translateY(0) scale(1))
|
||||
100%
|
||||
opacity: 0
|
||||
transform(translateY(-100%) scale(0))
|
||||
|
||||
@keyframes fadeIn
|
||||
from
|
||||
opacity: 0
|
||||
visibility: hidden
|
||||
to
|
||||
opacity: 1
|
||||
visibility: visible
|
||||
|
||||
@keyframes fadeOut
|
||||
from
|
||||
opacity: 1
|
||||
visibility: visible
|
||||
to
|
||||
opacity: 0
|
||||
visibility: hidden
|
||||
@@ -0,0 +1,31 @@
|
||||
@import "{ohif:viewerbase}/app"
|
||||
|
||||
generateSpacings('', $spacer-x, $spacer-y)
|
||||
|
||||
.m-x-auto
|
||||
margin-left: auto !important
|
||||
margin-right: auto !important
|
||||
|
||||
// MIN WIDTH 1920
|
||||
generateSpacings('r', $spacer-x, $spacer-y)
|
||||
|
||||
@media screen and (min-width: 1600px) and (max-width: 1919px)
|
||||
generateSpacings('r', ($spacer-x * 0.9), ($spacer-y * 0.9))
|
||||
|
||||
@media screen and (min-width: 1440px) and (max-width: 1599px)
|
||||
generateSpacings('r', ($spacer-x * 0.8), ($spacer-y * 0.8))
|
||||
|
||||
@media screen and (min-width: 1360px) and (max-width: 1439px)
|
||||
generateSpacings('r', ($spacer-x * 0.7), ($spacer-y * 0.7))
|
||||
|
||||
@media screen and (min-width: 1280px) and (max-width: 1359px)
|
||||
generateSpacings('r', ($spacer-x * 0.6), ($spacer-y * 0.6))
|
||||
|
||||
@media screen and (min-width: 1152px) and (max-width: 1279px)
|
||||
generateSpacings('r', ($spacer-x * 0.5), ($spacer-y * 0.5))
|
||||
|
||||
@media screen and (min-width: 1024px) and (max-width: 1151px)
|
||||
generateSpacings('r', ($spacer-x * 0.4), ($spacer-y * 0.4))
|
||||
|
||||
@media screen and (max-width: 1023px)
|
||||
generateSpacings('r', ($spacer-x * 0.3), ($spacer-y * 0.3))
|
||||
@@ -0,0 +1,4 @@
|
||||
// TODO: Find out why Meteor is complaining about these?
|
||||
// Replaced them with <link>'s in the HEAD.html of each application, for now.
|
||||
//@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext)
|
||||
//@import url(http://fonts.googleapis.com/css?family=Sanchez:400,700&subset=latin,latin-ext)
|
||||
Reference in new issue
Block a user