Cleanup for the lesion table
This commit is contained in:
parent
a9a4f3f82b
commit
e90db4a7c6
@ -69,7 +69,7 @@ Template.lesionTable.onCreated(function() {
|
|||||||
var instance = this;
|
var instance = this;
|
||||||
|
|
||||||
instance.lesionTableLayout = new ReactiveVar();
|
instance.lesionTableLayout = new ReactiveVar();
|
||||||
instance.lesionTableLayout.set('comparisonTimepoints');
|
instance.lesionTableLayout.set('comparison');
|
||||||
});
|
});
|
||||||
|
|
||||||
Template.lesionTable.onRendered(function() {
|
Template.lesionTable.onRendered(function() {
|
||||||
|
|||||||
@ -18,6 +18,6 @@
|
|||||||
width: 20px
|
width: 20px
|
||||||
|
|
||||||
.lesionTableLayoutChanger
|
.lesionTableLayoutChanger
|
||||||
padding: 5px
|
padding: 20px
|
||||||
text-align: center
|
text-align: center
|
||||||
margin: 0 auto
|
margin: 0 auto
|
||||||
|
|||||||
@ -3,7 +3,8 @@
|
|||||||
$headerRowHeight = 63px
|
$headerRowHeight = 63px
|
||||||
|
|
||||||
.lesionTableHeaderRow
|
.lesionTableHeaderRow
|
||||||
background: $darkUiColor
|
border-top: 2px solid black
|
||||||
|
background: #151a1f
|
||||||
color: $textSecondaryColor
|
color: $textSecondaryColor
|
||||||
fill: $textSecondaryColor
|
fill: $textSecondaryColor
|
||||||
width: 100%
|
width: 100%
|
||||||
@ -19,7 +20,7 @@ $headerRowHeight = 63px
|
|||||||
|
|
||||||
.add
|
.add
|
||||||
padding: 0 10px
|
padding: 0 10px
|
||||||
max-width: 20px
|
max-width: 40px
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
|
|
||||||
svg
|
svg
|
||||||
@ -27,13 +28,16 @@ $headerRowHeight = 63px
|
|||||||
max-width: 11px
|
max-width: 11px
|
||||||
|
|
||||||
.type
|
.type
|
||||||
cursor: pointer
|
padding: 0 10px
|
||||||
font-weight: 200
|
text-align: left
|
||||||
|
font-weight: 300
|
||||||
|
color: #91b9cd
|
||||||
height: $headerRowHeight
|
height: $headerRowHeight
|
||||||
font-size: 13pt
|
font-size: 13pt
|
||||||
|
|
||||||
.numberOfLesions
|
.numberOfLesions
|
||||||
float: right
|
float: right
|
||||||
|
color: #6fbde2
|
||||||
font-weight: 100
|
font-weight: 100
|
||||||
font-size: 40px
|
font-size: 40px
|
||||||
max-width: 30px
|
max-width: 30px
|
||||||
@ -43,7 +47,6 @@ $headerRowHeight = 63px
|
|||||||
|
|
||||||
.max
|
.max
|
||||||
height: $headerRowHeight
|
height: $headerRowHeight
|
||||||
background: $darkUiColor
|
|
||||||
|
|
||||||
.maxNumLesions
|
.maxNumLesions
|
||||||
margin: 21px auto
|
margin: 21px auto
|
||||||
|
|||||||
@ -2,16 +2,19 @@
|
|||||||
|
|
||||||
.lesionTableRow
|
.lesionTableRow
|
||||||
display: flex
|
display: flex
|
||||||
|
border-top: 2px solid black
|
||||||
|
height: 63px
|
||||||
width: 100%
|
width: 100%
|
||||||
|
|
||||||
.lesionRowSidebar
|
.lesionRowSidebar
|
||||||
flex: 1
|
flex: 1
|
||||||
color: $textSecondaryColor
|
color: $textSecondaryColor
|
||||||
background: $darkUiColor
|
background: $darkUiColor
|
||||||
max-width: 20px
|
max-width: 30px
|
||||||
height: 60px
|
|
||||||
|
|
||||||
.lesionNumber
|
.lesionNumber
|
||||||
|
text-align: center
|
||||||
|
font-weight: 200
|
||||||
padding: 3px
|
padding: 3px
|
||||||
|
|
||||||
&.active
|
&.active
|
||||||
@ -19,13 +22,16 @@
|
|||||||
|
|
||||||
.lesionDetails
|
.lesionDetails
|
||||||
flex: 1
|
flex: 1
|
||||||
|
padding-left: 20px
|
||||||
|
padding-top: 5px
|
||||||
display: flex
|
display: flex
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
align-items: stretch
|
align-items: stretch
|
||||||
|
|
||||||
.location
|
.location
|
||||||
flex: 1
|
flex: 1
|
||||||
text-align: center
|
font-weight: 200
|
||||||
|
font-size: 14px
|
||||||
color: $textSecondaryColor
|
color: $textSecondaryColor
|
||||||
height: 20px
|
height: 20px
|
||||||
width: 100%
|
width: 100%
|
||||||
@ -34,6 +40,7 @@
|
|||||||
display: flex
|
display: flex
|
||||||
|
|
||||||
div
|
div
|
||||||
|
font-weight: 200
|
||||||
|
padding-bottom: 10px
|
||||||
flex: 1
|
flex: 1
|
||||||
text-align: center
|
|
||||||
justify-content: space-around
|
justify-content: space-around
|
||||||
|
|||||||
@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
.lesionTableTimepointHeader
|
.lesionTableTimepointHeader
|
||||||
flex: 1
|
flex: 1
|
||||||
|
padding-left: 20px
|
||||||
justify-content: space-around
|
justify-content: space-around
|
||||||
|
|
||||||
div
|
div
|
||||||
@ -11,5 +12,6 @@
|
|||||||
color: $textSecondaryColor
|
color: $textSecondaryColor
|
||||||
|
|
||||||
.timepointDate
|
.timepointDate
|
||||||
|
font-weight: 200
|
||||||
color: $textPrimaryColor
|
color: $textPrimaryColor
|
||||||
border-left: $uiBorderColor $uiBorderThickness solid
|
border-left: $uiBorderColor $uiBorderThickness solid
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user