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

LT-250: Making toolbar responsive

Browse Source
This commit is contained in:
Bruno Alves de Faria authored and Erik Ziegler committed 2016-07-22 11:03:01 +02:00
1 parent 350469d52f
commit 26687c579f
10 files changed
+85 -46
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html
+6 -6
View File
@@ -4,12 +4,12 @@
<div class="pull-left m-t-1">
{{>roundedButtonGroup leftSidebarToggleButtonData}}
</div>
<div class="toolbarSectionTools pull-left m-t-1">
<div class="toolbarSectionTools pull-left m-t-1 rm-l-3">
{{ #each toolbarButtons }}
{{ >toolbarSectionButton }}
{{ /each }}
<div id="moreTools" class="toolbarSectionButton m-l-3">
<div id="moreTools" class="toolbarSectionButton rp-x-1 rm-l-3">
<div class="svgContainer">
<svg>
<use xlink:href="/packages/lesiontracker/assets/icons.svg#icon-tools-more"></use>
@@ -24,10 +24,10 @@
{{ >studySeriesQuickSwitch side="left" viewportIndex=0}}
{{ >studySeriesQuickSwitch side="right" viewportIndex=1}}
<div class="toolbarSectionEntry pull-right m-l-1 p-x-1">
<div class="toolbarSectionEntry pull-right rm-l-1 p-x-1">
{{ >caseProgress }}
</div>
<div class="pull-right m-t-1 m-x-1">
<div class="pull-right m-t-1 rm-x-1">
{{>roundedButtonGroup rightSidebarToggleButtonData}}
</div>
<!-- <div class="capsule-group pull-right">
@@ -52,7 +52,7 @@
</div>
</div>
</div> -->
<div id="toggleHUD" class="toolbarSectionButton pull-right m-t-1 m-r-3">
<div id="toggleHUD" class="toolbarSectionButton pull-right rp-x-1 m-t-1 rm-r-3">
<div class="svgContainer">
<svg>
<use xlink:href="/packages/lesiontracker/assets/icons.svg#icon-hud"></use>
@@ -62,7 +62,7 @@
HUD
</div>
</div>
<div class="toolbarSectionButton pull-right m-t-1 m-x-1" data-toggle="modal" data-target="#optionsModal">
<div class="toolbarSectionButton pull-right rp-x-1 m-t-1 rm-r-1" data-toggle="modal" data-target="#optionsModal">
<div class="svgContainer">
<svg>
<use xlink:href="/packages/lesiontracker/assets/icons.svg#icon-trial-info"></use>
Packages/lesiontracker/client/components/toolbarSection/toolbarSection.js
+1 -1
View File
@@ -68,7 +68,7 @@ Template.toolbarSection.helpers({
buttonData.push({
id: 'bidirectional',
title: 'Target',
classes: 'imageViewerTool m-l-3',
classes: 'imageViewerTool rm-l-3',
svgLink: '/packages/lesiontracker/assets/icons.svg#icon-tools-measure-target'
});
Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl
-4
View File
@@ -6,15 +6,11 @@
width: 100%
border-bottom: $uiBorderColor $uiBorderThickness solid
.toolbarSectionTools
margin-left: 41px
.toolbarSectionButton
display: inline-block
color: $defaultColor
fill: $defaultColor
stroke: $defaultColor
padding: 0 7px
min-width: 30px
cursor: pointer
text-align: center