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

lesion table scrollbar is visible

Browse Source
This commit is contained in:
Evren Ozkan 2015-11-19 16:51:52 -05:00
parent 39db003dca
commit 652144932f
5 changed files with 132 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
LesionTracker/client/mobileStyles.css
View File

@ -1,7 +1,24 @@
/* Mobile devices */ /* Mobile devices */
@media only screen and (min-device-width : 375px) and (max-device-width : 768px) and (orientation : portrait) { @media only screen and (min-device-width : 375px) and (max-device-width : 768px){
.logoContainer {
width: 15%;
}
.navbar-brand img {
height: 20px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 5px;
}
.navbar-brand h4.name {
padding: 1px;
font-size: 0.3em;
width: 50%;;
}
table#tblStudyList { table#tblStudyList {
table-layout: fixed; table-layout: fixed;
@ -9,19 +26,26 @@
} }
#tablist { #tablist {
width: 84%; width: 85%;
overflow-x: auto; overflow-x: auto;
} }
#toolbar .btn-group button { #toolbar .btn-group button {
width: 40px; width: 40px;
height: 40px; height: 40px;
} }
.studyDateList {
margin-top: 5px;
}
} }
@media (max-device-width: 667px) { @media (max-device-width: 667px) {
#toolbar .btn-group button { #toolbar .btn-group button {
width: 35px; width: 35px;
height: 35px; height: 35px;
} }
} }

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

@ -1,71 +1,71 @@
#lesionTableContainer #lesionTableContainer
width: 100% width: 100%
height: 16% height: 16%
position: absolute position: relative
.lesionTable .lesionTable
td, th td, th
border: 1px solid white border: 1px solid white
border-collapse: collapse border-collapse: collapse
width: 100px width: 100px
td.lesionNumber, th#thNumber td.lesionNumber, th#thNumber
width: 70px width: 70px
td.location, th#thLocation td.location, th#thLocation
width: 250px width: 250px
td.target, th#thTarget td.target, th#thTarget
width: 70px width: 70px
thead thead
width: 100%
height: 25px
display: block
tr
width: 100% width: 100%
height: 25px
display: block
tr th
width: 100% border-bottom-width: 0
font-weight: normal
color:white
line-height: 15px
text-align: center
margin: 0
padding: 5px
background-color: #424242
th
border-bottom-width: 0 tbody
font-weight: normal display: block
color:white position: absolute
line-height: 15px top: 25px
left: 0
right: 0
bottom: 0
overflow: auto
width: 100%
tr.lesionTableRow
width: 100%
&:nth-child(even)
background: #888
&:nth-child(odd)
background: #BBB
&:hover
cursor: pointer
background-color: #009BD2
color: white
td
border-bottom-width: 0
margin: 0
padding: 5px
line-height: 15px
&.lesionNumber, &.target, &.lesionTableTimepointCell
text-align: center text-align: center
margin: 0
padding: 5px
background-color: #424242
tbody
display: block
position: absolute
top: 25px
left: 0
right: 0
bottom: 0
overflow: auto
width: 100%
tr.lesionTableRow
width: 100%
&:nth-child(even)
background: #888
&:nth-child(odd)
background: #BBB
&:hover
cursor: pointer
background-color: #009BD2
color: white
td
border-bottom-width: 0
margin: 0
padding: 5px
line-height: 15px
&.lesionNumber, &.target, &.lesionTableTimepointCell
text-align: center

5
Packages/lesiontracker/components/studyDateList/studyDateList.styl
View File

@ -1,13 +1,14 @@
.studyDateList .studyDateList
margin: 0px auto margin: 0 auto 15px
text-align: left text-align: left
width: 100% width: 100%
border-top: 2px solid #777 border-top: 2px solid #777
padding: 10px
label label
font-weight: normal font-weight: normal
color: white color: white
padding-top: 5px
padding-left: 5px
.loading .loading
display: none display: none

58
Packages/worklist/components/worklistResult/worklistResult.html
View File

@ -18,14 +18,18 @@
<input type="search" class="form-control worklist-search" id="patientId"> <input type="search" class="form-control worklist-search" id="patientId">
</div> </div>
</th> </th>
<th>
<div> {{#unless isTouchDevice}}
Accession # <th>
</div> <div>
<div class="worklist-input"> Accession #
<input type="search" class="form-control worklist-search" id="accessionNumber"> </div>
</div> <div class="worklist-input">
</th> <input type="search" class="form-control worklist-search" id="accessionNumber">
</div>
</th>
{{/unless}}
<th> <th>
<div> <div>
Study Date Study Date
@ -34,14 +38,17 @@
<input type="search" class="form-control worklist-search" id="studyDate"> <input type="search" class="form-control worklist-search" id="studyDate">
</div> </div>
</th> </th>
<th>
<div> {{#unless isTouchDevice}}
Modality <th>
</div> <div>
<div class="modality-input"> Modality
<input type="search" class="form-control worklist-search" id="modality" style="visibility: hidden; "> </div>
</div> <div class="modality-input">
</th> <input type="search" class="form-control worklist-search" id="modality" style="visibility: hidden; ">
</div>
</th>
{{/unless}}
<th> <th>
<div> <div>
StudyDescription StudyDescription
@ -50,14 +57,17 @@
<input type="search" class="form-control worklist-search" id="studyDescription" style="visibility: hidden; "> <input type="search" class="form-control worklist-search" id="studyDescription" style="visibility: hidden; ">
</div> </div>
</th> </th>
<th>
<div> {{#unless isTouchDevice}}
# Images <th>
</div> <div>
<div class="worklist-input"> # Images
<input type="search" class="form-control worklist-search" id="numberOfImages" style="visibility: hidden; "> </div>
</div> <div class="worklist-input">
</th> <input type="search" class="form-control worklist-search" id="numberOfImages" style="visibility: hidden; ">
</div>
</th>
{{/unless}}
</tr> </tr>
</thead> </thead>
<tbody id="studyListData"> <tbody id="studyListData">

4
Packages/worklist/components/worklistResult/worklistResult.js
View File

@ -9,6 +9,10 @@ Template.worklistResult.helpers({
*/ */
studies : function() { studies : function() {
return WorklistStudies.find({}, {sort: {patientName : 1, studyDate : 1}}); return WorklistStudies.find({}, {sort: {patientName : 1, studyDate : 1}});
},
isTouchDevice: function() {
return isTouchDevice();
} }
}); });