othmane/ohif-viewer
1
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

32
LesionTracker/client/mobileStyles.css
View File

@ -1,7 +1,24 @@
/* 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-layout: fixed;
@ -9,19 +26,26 @@
}
#tablist {
width: 84%;
width: 85%;
overflow-x: auto;
}
#toolbar .btn-group button {
width: 40px;
height: 40px;
}
.studyDateList {
margin-top: 5px;
}
}
@media (max-device-width: 667px) {
#toolbar .btn-group button {
width: 35px;
height: 35px;
}
}
}

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

@ -1,71 +1,71 @@
#lesionTableContainer
width: 100%
height: 16%
position: absolute
.lesionTable
width: 100%
height: 16%
position: relative
td, th
border: 1px solid white
border-collapse: collapse
width: 100px
.lesionTable
td.lesionNumber, th#thNumber
width: 70px
td.location, th#thLocation
width: 250px
td.target, th#thTarget
width: 70px
td, th
border: 1px solid white
border-collapse: collapse
width: 100px
td.lesionNumber, th#thNumber
width: 70px
td.location, th#thLocation
width: 250px
td.target, th#thTarget
width: 70px
thead
thead
width: 100%
height: 25px
display: block
tr
width: 100%
height: 25px
display: block
tr
width: 100%
th
border-bottom-width: 0
font-weight: normal
color:white
line-height: 15px
th
border-bottom-width: 0
font-weight: normal
color:white
line-height: 15px
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
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
margin: 0px auto
margin: 0 auto 15px
text-align: left
width: 100%
border-top: 2px solid #777
padding: 10px
label
font-weight: normal
color: white
padding-top: 5px
padding-left: 5px
.loading
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">
</div>
</th>
<th>
<div>
Accession #
</div>
<div class="worklist-input">
<input type="search" class="form-control worklist-search" id="accessionNumber">
</div>
</th>
{{#unless isTouchDevice}}
<th>
<div>
Accession #
</div>
<div class="worklist-input">
<input type="search" class="form-control worklist-search" id="accessionNumber">
</div>
</th>
{{/unless}}
<th>
<div>
Study Date
@ -34,14 +38,17 @@
<input type="search" class="form-control worklist-search" id="studyDate">
</div>
</th>
<th>
<div>
Modality
</div>
<div class="modality-input">
<input type="search" class="form-control worklist-search" id="modality" style="visibility: hidden; ">
</div>
</th>
{{#unless isTouchDevice}}
<th>
<div>
Modality
</div>
<div class="modality-input">
<input type="search" class="form-control worklist-search" id="modality" style="visibility: hidden; ">
</div>
</th>
{{/unless}}
<th>
<div>
StudyDescription
@ -50,14 +57,17 @@
<input type="search" class="form-control worklist-search" id="studyDescription" style="visibility: hidden; ">
</div>
</th>
<th>
<div>
# Images
</div>
<div class="worklist-input">
<input type="search" class="form-control worklist-search" id="numberOfImages" style="visibility: hidden; ">
</div>
</th>
{{#unless isTouchDevice}}
<th>
<div>
# Images
</div>
<div class="worklist-input">
<input type="search" class="form-control worklist-search" id="numberOfImages" style="visibility: hidden; ">
</div>
</th>
{{/unless}}
</tr>
</thead>
<tbody id="studyListData">

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

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