Cleanup for the lesion table

This commit is contained in:
Erik Ziegler 2016-06-08 11:49:21 +02:00
parent a9a4f3f82b
commit e90db4a7c6
5 changed files with 23 additions and 11 deletions

View File

@ -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() {

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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