TrizTech/ohif-viewer
17
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

LT-281: Replacing variables for theme calls

Browse Source
This commit is contained in:
Bruno Alves de Faria authored and Erik Ziegler committed 2016-08-31 15:54:32 +02:00
1 parent 52770dc79c
commit e9ec386e72
55 files changed
+341 -446
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Packages/lesiontracker/client/components/additionalFindings/additionalFindings.styl
+10 -10
View File
@@ -22,22 +22,22 @@
display: none
.header
theme('background-color', '$uiGray')
theme('color', '$textPrimaryColor')
height: 33px
line-height: 33px
font-weight: bold
font-size: 14px
padding: 1px 13px 0
color: $textPrimaryColor
background-color: $uiGray
.form-group
color: $textPrimaryColor
theme('color', '$textPrimaryColor')
margin-bottom: 0
padding: 7px 27px 7px 11px
width: 100%
&:not(:last-child)
border-bottom: $uiBorderThickness solid $uiBorderColorDark
theme('border-bottom', '%s solid $uiBorderColorDark' % $uiBorderThickness)
& > .wrapperText
display: block
@@ -81,21 +81,21 @@
.buttonSection
cursor: pointer
height: 90px
color: $defaultColor
theme('color', '$defaultColor')
&:hover
color: $hoverColor
theme('color', '$hoverColor')
.svgContainer
svg
fill: $hoverColor
theme('fill', '$hoverColor')
&:active
color: $activeColor
theme('color', '$activeColor')
.svgContainer
svg
fill: $activeColor
theme('fill', '$activeColor')
div
float: left
@@ -112,4 +112,4 @@
svg
width: 36px
height: 36px
fill: $textPrimaryColor
theme('fill', '$textPrimaryColor')
Packages/lesiontracker/client/components/caseProgress/caseProgress.styl
+3 -3
View File
@@ -13,15 +13,15 @@
margin-left: 22px
h5
color: $textPrimaryColor
theme('color', '$textPrimaryColor')
line-height: 46px
margin: 0
font-size: 15px
font-weight: bold
button.btn
background-color: $activeColor
border: 1px solid $uiBorderColorActive
theme('background-color', '$activeColor')
theme('border', '1px solid $uiBorderColorActive')
color: #000
cursor: pointer
font-size: 15px
Packages/lesiontracker/client/components/flexboxLayout/flexboxLayout.styl
+3 -3
View File
@@ -25,11 +25,11 @@
transform(translateX(0%))
.sidebar-left
theme('border-right', '%s solid $uiBorderColor' % $uiBorderThickness)
max-width: $studiesSidebarMenuWidth
order: 1
flex: 1
margin-left: - $studiesSidebarMenuWidth
border-right: $uiBorderThickness $uiBorderColor solid
&.sidebar-open
margin-left: 0
@@ -60,7 +60,7 @@
max-width: $lesionsSidebarMenuWidth + 270px
&:before
background-color: $uiBorderColor
theme('background-color', '$uiBorderColor')
content: ''
display: block
height: 100%
@@ -73,6 +73,6 @@
margin-right: 0
.studiesListedChanger
theme('border-bottom', '%s solid $uiBorderColor' % $uiBorderThickness)
padding: 20px 10px
text-align: center
border-bottom: $uiBorderThickness $uiBorderColor solid
Packages/lesiontracker/client/components/lesionTable/lesionTable.styl
+1 -1
View File
@@ -1,7 +1,7 @@
@import "{design}/app"
#lesionTableContainer
background-color: $primaryBackgroundColor
theme('background-color', '$primaryBackgroundColor')
height: 100%
width: 100%
Packages/lesiontracker/client/components/lesionTableHUD/lesionTableHUD.styl
+15 -15
View File
@@ -22,9 +22,9 @@ $borderColor = rgba(77, 99, 110, 0.81)
padding-left: 0
.header
background: $uiGrayDarkest
theme('background', '$uiGrayDarkest')
theme('color', '$textSecondaryColor')
border-bottom: $uiBorderThickness solid $borderColor
color: $textSecondaryColor
font-weight: 300
font-size: 20px
height: 55px
@@ -34,12 +34,12 @@ $borderColor = rgba(77, 99, 110, 0.81)
width: 100%
svg.buttonClose
color: $defaultColor
theme('color', '$defaultColor')
cursor: pointer
height: 14px
position: absolute
right: 14px
stroke: $defaultColor
theme('stroke', '$defaultColor')
top: 20px
width: 14px
@@ -48,19 +48,19 @@ $borderColor = rgba(77, 99, 110, 0.81)
padding-bottom: 20px
.footer
theme('background', '$uiGrayDarkest')
border-top: $uiBorderThickness solid $borderColor
width: 100%
height: 70px
position: absolute
bottom: 0
background: $uiGrayDarkest
border-top: $uiBorderThickness solid $borderColor
padding: 10px
.toolbarSectionButton
display: inline-block
color: $defaultColor
fill: $defaultColor
stroke: $defaultColor
theme('color', '$defaultColor')
theme('fill', '$defaultColor')
theme('stroke', '$defaultColor')
padding: 0 10px
height: $toolbarHeight
min-width: 30px
@@ -85,15 +85,15 @@ $borderColor = rgba(77, 99, 110, 0.81)
height: 21px
&:active, &.active
color: $activeColor
theme('color', '$activeColor')
svg
fill: $activeColor
stroke: $activeColor
theme('fill', '$activeColor')
theme('stroke', '$activeColor')
&:hover
color: $hoverColor
theme('color', '$hoverColor')
svg
fill: $hoverColor
stroke: $hoverColor
theme('fill', '$hoverColor')
theme('stroke', '$hoverColor')
Packages/lesiontracker/client/components/lesionTableHeaderRow/lesionTableHeaderRow.styl
+10 -10
View File
@@ -3,10 +3,10 @@
$headerRowHeight = 63px
.lesionTableHeaderRow
background-color: $uiGrayDarker
color: $textSecondaryColor
theme('background-color', '$uiGrayDarker')
theme('color', '$textSecondaryColor')
display: flex
fill: $textSecondaryColor
theme('fill', '$textSecondaryColor')
height: $headerRowHeight
line-height: $headerRowHeight
margin-top: 2px
@@ -35,13 +35,13 @@ $headerRowHeight = 63px
max-width: 11px
&:hover
fill: $hoverColor
theme('fill', '$hoverColor')
&:active
fill: $activeColor
theme('fill', '$activeColor')
.type
color: $textSecondaryColor
theme('color', '$textSecondaryColor')
font-size: 22px
font-weight: 300
line-height: $headerRowHeight
@@ -49,8 +49,8 @@ $headerRowHeight = 63px
text-align: left
.numberOfLesions
theme('color', '$uiSkyBlue')
float: right
color: $uiSkyBlue
font-weight: 300
font-size: 40px
max-width: 54px
@@ -63,7 +63,7 @@ $headerRowHeight = 63px
text-align: right
.maxNumLesions
background-color: $textSecondaryColor
theme('background-color', '$textSecondaryColor')
border-radius: 3px
color: black
display: table
@@ -79,5 +79,5 @@ $headerRowHeight = 63px
&.warning
.maxNumLesions
color: $textPrimaryColor
background-color: $uiYellow
theme('background-color', '$uiYellow')
theme('color', '$textPrimaryColor')
Packages/lesiontracker/client/components/lesionTableRow/lesionTableRow.styl
+17 -17
View File
@@ -10,7 +10,7 @@
width: calc(100% + 6px)
&:before
background-color: $activeColor
theme('background-color', '$activeColor')
border-top-left-radius: 7px
border-bottom-left-radius: 7px
content: ''
@@ -30,16 +30,16 @@
opacity: 1
.lesionRowSidebar
color: $activeColor
theme('color', '$activeColor')
.rowOptions
height: 35px
visibility: visible
&.response-status .lesionRowSidebar .response-status-icon
background-color: $defaultColor
theme('background-color', '$defaultColor')
theme('color', '$uiGray')
border-radius: 11px
color: $uiGray
font-size: 12px
font-weight: 700
height: 21px
@@ -49,8 +49,8 @@
width: 21px
&.warning .lesionRowSidebar
color: $textPrimaryColor
background-color: $uiYellow
theme('background-color', '$uiYellow')
theme('color', '$textPrimaryColor')
.warning-icon, svg
width: 22px
@@ -60,31 +60,31 @@
margin: 7px auto 0
svg
fill: $textPrimaryColor
theme('fill', '$textPrimaryColor')
.rowOptions
background-color: $uiGrayDarker
theme('background-color', '$uiGrayDarker')
height: 0
overflow: hidden
transition(all 0.3s ease)
visibility: hidden
.rowAction
color: $defaultColor
theme('color', '$defaultColor')
cursor: pointer
line-height: 35px
transition(all 0.3s ease)
&:hover, &:active
color: $textPrimaryColor
theme('color', '$textPrimaryColor')
svg
fill: $textPrimaryColor
stroke: $textPrimaryColor
theme('fill', '$textPrimaryColor')
theme('stroke', '$textPrimaryColor')
svg
fill: $defaultColor
stroke: $defaultColor
theme('fill', '$defaultColor')
theme('stroke', '$defaultColor')
transition(all 0.3s ease)
&.edit-icon
@@ -96,8 +96,8 @@
height: 11px
.lesionRowSidebar
background: $uiGray
color: $textSecondaryColor
theme('background', '$uiGray')
theme('color', '$textSecondaryColor')
cursor: pointer
flex: 1
max-width: 30px
@@ -120,7 +120,7 @@
.location
font-weight: 400
font-size: 14px
color: $textSecondaryColor
theme('color', '$textSecondaryColor')
height: 30px
line-height: 30px
margin-left: -2px
Packages/lesiontracker/client/components/lesionTableTimepointCell/lesionTableTimepointCell.styl
+2 -2
View File
@@ -1,6 +1,6 @@
@import "{design}/app"
.lesionTableTimepointCell
border-left: $uiBorderThickness $uiBorderColor solid
color: $textPrimaryColor
theme('border-left', '%s solid $uiBorderColor' % $uiBorderThickness)
theme('color', '$textPrimaryColor')
padding: 0 10px
Packages/lesiontracker/client/components/lesionTableTimepointHeader/lesionTableTimepointHeader.styl
+3 -3
View File
@@ -5,18 +5,18 @@
justify-content: space-around
div
border-left: $uiBorderColor $uiBorderThickness solid
theme('border-left', '%s solid $uiBorderColor' % $uiBorderThickness)
font-weight: 400
padding-left: 12px
text-align: left
.timepointName
color: $textSecondaryColor
theme('color', '$textSecondaryColor')
font-size: 12px
line-height: 12px
.timepointDate
color: $textPrimaryColor
theme('color', '$textPrimaryColor')
font-size: 14px
line-height: 20px
padding-bottom: 6px
Packages/lesiontracker/client/components/lesionTracker/lesionTracker.styl
+9 -9
View File
@@ -9,8 +9,8 @@ $expandedHeight = 160px
.topBar
height: $topBarHeight
color: $textPrimaryColor
background-color: $primaryBackgroundColor
theme('color', '$textPrimaryColor')
theme('background-color', '$primaryBackgroundColor')
transition(all 0.5s ease)
.brandSection
@@ -26,14 +26,14 @@ $expandedHeight = 160px
display: inline-block
font-family: $logoFontFamily
font-weight: $logoFontWeight
color: $textPrimaryColor
theme('color', '$textPrimaryColor')
line-height: 30px
.studyListLinkSection
border-left: $uiBorderThickness solid $uiBorderColor;
theme('border-left', '%s solid $uiBorderColor' % $uiBorderThickness)
.btn
color: $textSecondaryColor
theme('color', '$textSecondaryColor')
cursor: pointer
font-size: 13px
font-weight: 500
@@ -41,10 +41,10 @@ $expandedHeight = 160px
margin-top: 3px
&:hover
color: $hoverColor
theme('color', '$hoverColor')
&:active
color: $activeColor
theme('color', '$activeColor')
&.studyList
background-color: rgba(21, 25, 30, 0.7)
@@ -75,5 +75,5 @@ $expandedHeight = 160px
.tab-pane
.viewerContainer
.loadingTextDiv
color: $textSecondaryColor
theme('color', '$textSecondaryColor')
font-size: 30px
Packages/lesiontracker/client/components/measureFlow/measureFlow.styl
+3 -6
View File
@@ -10,9 +10,6 @@
opacity: 0
.btn-add
// color: $textColorActive
// background-color: $activeColor
// border: 2px solid $uiBorderColor
theme('color', '$textColorActive')
theme('background-color', '$activeColor')
theme('border', '2px solid $uiBorderColor')
@@ -46,7 +43,7 @@
position: relative
.icon-check
background-color: $activeColor
theme('background-color', '$activeColor')
left: -46px
position: absolute
top: 3px
@@ -73,10 +70,10 @@
animateFadeOut()
button
theme('border', '1px solid $uiBorderColor')
theme('color', '$textPrimaryColor')
background-color: transparent
border-radius: 16px
border: 1px solid $uiBorderColor
color: $textPrimaryColor
font-weight: normal
height: 31px
line-height: 31px
Packages/lesiontracker/client/components/radialProgressBar/radialProgressBar.styl
+5 -5
View File
@@ -11,12 +11,12 @@ $circleSize = 46px
#svg circle
stroke-dashoffset: 0
stroke: $uiBorderColorDark
theme('stroke', '$uiBorderColorDark')
stroke-width: 3px
vendorize(transition, stroke-dashoffset 1s linear)
#svg #bar
stroke: $activeColor
theme('stroke', '$activeColor')
vendorize(transform, rotate(270deg))
vendorize(transform-origin, center center)
@@ -28,14 +28,14 @@ $circleSize = 46px
font-weight: 700
font-size: 17px
text-align: center
color: $activeColor
theme('color', '$activeColor')
top: 0
svg
fill: $activeColor
theme('fill', '$activeColor')
left: 50%
position: absolute
stroke: $activeColor
theme('stroke', '$activeColor')
top: 50%
transform(translateX(-50%) translateY(-50%))
Packages/lesiontracker/client/components/studySeriesQuickSwitch/studySeriesQuickSwitch.styl
+9 -9
View File
@@ -15,7 +15,7 @@ $seriesSpacing = 2px
transform(translateX(-50%))
&.left
border-right: 1px solid $uiBorderColor
theme('border-right', '1px solid $uiBorderColor')
right: 50%
&.right
@@ -26,7 +26,7 @@ $seriesSpacing = 2px
z-index: 3
&:before
background-color: $primaryBackgroundColor
theme('background-color', '$primaryBackgroundColor')
bottom: 0
content: ''
left: 0
@@ -98,10 +98,10 @@ $seriesSpacing = 2px
.studyTimepointBrowser
background-color: transparent
.studyTimepointStudy.active .studyModality
box-shadow: inset 0 0 0 3px $activeColor
theme('box-shadow', 'inset 0 0 0 3px $activeColor')
.studyBox
background-color: $uiGrayDark
border: solid 1px $activeColor
theme('background-color', '$uiGrayDark')
theme('border', 'solid 1px $activeColor')
border-radius: 11px
display: block
height: $switchSize
@@ -113,7 +113,7 @@ $seriesSpacing = 2px
width: $switchSize + $seriesSpacing
.seriesItem
background-color: $boxBackgroundColorDark
theme('background-color', '$boxBackgroundColor')Dark
border-radius: 3px
height: 15px
margin: $seriesSpacing
@@ -121,17 +121,17 @@ $seriesSpacing = 2px
&.count
background-color: transparent
color: $textPrimaryColor
theme('color', '$textPrimaryColor')
font-size: 12px
font-weight: 500
line-height: 17px
text-align: center
&.active
background-color: $activeColor
theme('background-color', '$activeColor')
.label
color: $textSecondaryColor
theme('color', '$textSecondaryColor')
display: block
font-size: 12px
font-weight: 300
Packages/lesiontracker/client/components/studyTimepointBrowser/studyTimepointBrowser.styl
+9 -9
View File
@@ -3,15 +3,15 @@
$timepointButtonHeight = 55px
.studyTimepointBrowser
background-color: $primaryBackgroundColor
theme('background-color', '$primaryBackgroundColor')
float: left
height: 100%
position: relative
width: 100%
.timepointButtonContainer
background-color: $primaryBackgroundColor
border-bottom: 1px solid $uiBorderColor
theme('background-color', '$primaryBackgroundColor')
theme('border-bottom', '1px solid $uiBorderColor')
display: none
height: $timepointButtonHeight
left: 10px
@@ -38,7 +38,7 @@ $timepointButtonHeight = 55px
transform: rotateX(180deg)
.timepointFollowupTitle
font-size: 14px
color: $textSecondaryColor
theme('color', '$textSecondaryColor')
text-transform: uppercase
.timepointHeader
@@ -50,7 +50,7 @@ $timepointButtonHeight = 55px
.timepointFollowupTitle
.timepointDate
.timepointModalities
color: $textSecondaryColor
theme('color', '$textSecondaryColor')
transition($sidebarTransition)
&:hover
@@ -59,7 +59,7 @@ $timepointButtonHeight = 55px
.expandIcon i
.timepointDate
.timepointModalities
color: $textPrimaryColor !important
theme('color', '$textPrimaryColor') !important
.timepointDetails
.timepointModalities
@@ -70,10 +70,10 @@ $timepointButtonHeight = 55px
overflow: hidden
.expandIcon i
color: $defaultColor
theme('color', '$defaultColor')
.timepointFollowupTitle
color: $textPrimaryColor
theme('color', '$textPrimaryColor')
padding-top: 2px
.studyTimepointScrollArea
@@ -91,7 +91,7 @@ $timepointButtonHeight = 55px
margin-right: 16px
.studySidebarTimepoint .thumbnailEntry.active:before
background-color: $activeColor
theme('background-color', '$activeColor')
border-top-right-radius: 7px
border-bottom-right-radius: 7px
content: ''
Packages/lesiontracker/client/components/studyTimepointBrowser/studyTimepointStudy.styl
+9 -11
View File
@@ -3,8 +3,6 @@
$boxBorderColor = transparent
$boxHoverBackgroundColor = #14191E
$boxHoverBorderColor = #2d4660
$boxActiveBackgroundColor = $activeColor
$boxActiveTextColor = $primaryBackgroundColor
$boxActiveBorderColor = #131D29
$boxWidth = 50px
$borderThickness = 2px
@@ -41,11 +39,11 @@ $spacerY = 12px
&.active
.studyModality
.studyModalityBox
color: $boxActiveTextColor
theme('color', '$primaryBackgroundColor')
&
&:before
&:after
background-color: $boxActiveBackgroundColor
theme('background-color', '$activeColor')
border-color: $boxActiveBorderColor
&:not(.active) .studyTimepointThumbnails
@@ -69,10 +67,10 @@ $spacerY = 12px
border-color: $boxHoverBorderColor
&.additional
color: $textSecondaryColor
theme('color', '$textSecondaryColor')
&.additional
color: $textPrimaryColor
theme('color', '$textPrimaryColor')
font-size: 16px
font-weight: normal
height: 91px
@@ -89,13 +87,13 @@ $spacerY = 12px
top: $spacerY
.studyDate
margin-top: 8px
color: $textSecondaryColor
theme('color', '$textSecondaryColor')
.studyDescription
margin-top: 8px
color: $textPrimaryColor
theme('color', '$textPrimaryColor')
.studyModalityBox
color: $textSecondaryColor
theme('color', '$textSecondaryColor')
line-height: $boxWidth
margin-left: $nestingMargin * 2
margin-top: $nestingMargin * 2
@@ -109,8 +107,8 @@ $spacerY = 12px
&
&:before
&:after
background-color: $boxBackgroundColor
border: $borderThickness solid $primaryBackgroundColor
theme('border', '$borderThickness solid $primaryBackgroundColor')
theme('background-color', '$boxBackgroundColor')
border-radius: $boxBorderRadius
height: $boxWidth + ($borderThickness * 2)
transition($sidebarTransition)
Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl
+5 -5
View File
@@ -1,7 +1,7 @@
@import "{design}/app"
.toolbarSection
border-bottom: $uiBorderColor $uiBorderThickness solid
theme('border-bottom', '%s solid $uiBorderColor' % $uiBorderThickness)
flex: 0 0 auto
height: $toolbarHeight
overflow: hidden
@@ -14,11 +14,11 @@
height: $toolbarHeight + $toolbarDrawerHeight
.toolbarSectionEntry
color: $defaultColor
theme('color', '$defaultColor')
cursor: pointer
display: inline-block
fill: $defaultColor
theme('fill', '$defaultColor')
margin-top: 3px
min-width: 30px
stroke: $defaultColor
text-align: center
theme('stroke', '$defaultColor')
text-align: center
Packages/lesiontracker/client/components/userAccountMenu/userAccountMenu.styl
+4 -4
View File
@@ -5,7 +5,7 @@
height: 100%
.dropdown-toggle
color: $defaultColor
theme('color', '$defaultColor')
cursor: pointer
font-size: 13px
font-weight: 400
@@ -13,19 +13,19 @@
text-decoration: none
.menuButton
border-left: solid 1px $defaultColor
theme('border-left', 'solid 1px $defaultColor')
display: inline-block
height: 18px
padding: 0 8px
.fa
color: $defaultColor
theme('color', '$defaultColor')
font-size: 17px
line-height: 18px
.caret-down
theme('color', '$uiLightGray')
margin: 0 4px 4px 2px
color: $uiLightGray
ul.dropdown-menu
li
Packages/lesiontracker/client/components/viewer/viewer.styl
+1 -1
View File
@@ -19,4 +19,4 @@
&:not(:last-child)
.removable
.imageViewerViewport
border-right: $uiBorderThickness solid $uiBorderColor
theme('border-right', '%s solid $uiBorderColor' % $uiBorderThickness)