From 5bf96137f180e339c4d8d6f16a16bd74ee0671e0 Mon Sep 17 00:00:00 2001 From: Evren Ozkan Date: Wed, 2 Dec 2015 14:19:26 -0500 Subject: [PATCH] Set background color of selected row in lesion table --- .../components/lesionTable/lesionTable.js | 4 ++++ .../components/lesionTable/lesionTable.styl | 12 +++++++++--- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/Packages/lesiontracker/components/lesionTable/lesionTable.js b/Packages/lesiontracker/components/lesionTable/lesionTable.js index bd7acdc7e..edbf4d2f8 100644 --- a/Packages/lesiontracker/components/lesionTable/lesionTable.js +++ b/Packages/lesiontracker/components/lesionTable/lesionTable.js @@ -211,6 +211,10 @@ Template.lesionTable.events({ 'click table#tblLesion tbody tr': function(e, template) { // Retrieve the lesion id from the DOM data for this row var measurementId = $(e.currentTarget).data('measurementid'); + + // Set background color of selected row + $(e.currentTarget).addClass("selectedRow").siblings().removeClass("selectedRow"); + activateLesion(measurementId,template.data); } }); diff --git a/Packages/lesiontracker/components/lesionTable/lesionTable.styl b/Packages/lesiontracker/components/lesionTable/lesionTable.styl index 9b5a022cd..5809d3975 100644 --- a/Packages/lesiontracker/components/lesionTable/lesionTable.styl +++ b/Packages/lesiontracker/components/lesionTable/lesionTable.styl @@ -22,11 +22,12 @@ thead width: 100% - height: 25px + height: 40px display: block tr width: 100% + height: 40px th border-bottom-width: 0 @@ -37,18 +38,23 @@ margin: 0 padding: 5px background-color: #424242 - + vertical-align: middle tbody display: block position: absolute - top: 25px + top: 40px left: 0 right: 0 bottom: 0 overflow: auto width: 100% + + tr.selectedRow + background: #F5F5F5 !important + color: black !important + tr.lesionTableRow width: 100%