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

More styling changes for lesion table (alternating row colors and match hover color of worklist

Browse Source
This commit is contained in:
Rob Lewis 2015-10-30 13:17:09 -04:00
parent 90e677fc42
commit 4968fc1811
5 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
LesionTracker/client/components/viewer.css
View File

@ -6,7 +6,8 @@
background-color: black; background-color: black;
} }
#upperHalf { #viewportAndLesionTable {
height: 75%; height: 100%;
width: 100%; width: calc(100% - 120px);
float: right;
} }

6
LesionTracker/client/components/viewer.html
View File

@ -1,10 +1,10 @@
<template name="viewer"> <template name="viewer">
<div id="viewer" class="viewer"> <div id="viewer" class="viewer">
{{ >lesionDialog }} {{ >lesionDialog }}
<div id="upperHalf"> {{ >hidingPanel }}
{{ >hidingPanel }} <div id="viewportAndLesionTable">
{{ >viewerMain }} {{ >viewerMain }}
{{ >lesionTable }}
</div> </div>
{{ >lesionTable }}
</div> </div>
</template> </template>

4
LesionTracker/client/components/viewerMain/viewerMain.styl
View File

@ -1,4 +1,4 @@
.viewerMain .viewerMain
width: calc(100% - 120px) width: 100%
height: 100% height: 75%
float: left float: left

13
Packages/lesiontracker/components/lesionTable/lesionTable.styl
View File

@ -27,16 +27,21 @@ table.lesionTable > tbody > tr > td {
line-height: 10px; line-height: 10px;
} }
table.lesionTable tbody tr:hover{
background-color: #d1d1d1;
}
table.lesionTable tbody tr{ table.lesionTable tbody tr{
background-color: #b3b3b3; background-color: #b3b3b3;
color: #424242; color: #424242;
line-height: 14px; line-height: 14px;
} }
table.lesionTable tbody tr.lesionTableRow:nth-child(even) {background: #CCC}
table.lesionTable tbody tr.lesionTableRow:nth-child(odd) {background: #DDD}
table.lesionTable tbody tr.lesionTableRow:hover{
background-color: #009BD2
color: white
}
th#thNumber { th#thNumber {
width: 4%; width: 4%;
} }

2
Packages/lesiontracker/components/lesionTableRow/lesionTableRow.html
View File

@ -1,5 +1,5 @@
<template name="lesionTableRow"> <template name="lesionTableRow">
<tr> <tr class="lesionTableRow">
<td class='lesionNumber'>{{lesionData.lesionNumber}}</td> <td class='lesionNumber'>{{lesionData.lesionNumber}}</td>
<td class='location'>{{lesionData.location}}</td> <td class='location'>{{lesionData.location}}</td>
<td class='target'>{{#if lesionData.isTarget}} Y {{else}} N {{/if}}</td> <td class='target'>{{#if lesionData.isTarget}} Y {{else}} N {{/if}}</td>