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

Fixing Case Progress SVG issues on Firefox

Browse Source
This commit is contained in:
Bruno Alves de Faria 2017-11-24 13:11:46 -02:00
parent 14b54a831b
commit 02349447d6
2 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Packages/ohif-measurements/client/components/caseProgress/radialProgressBar/radialProgressBar.html
View File

@ -26,14 +26,14 @@
</circle> </circle>
{{/unless}} {{/unless}}
</svg> </svg>
<div class="progressText"> <div class="progressArea {{#if isLocked}}locked{{else}}{{#if progressComplete}}complete{{/if}}{{/if}}">
{{#if isLocked}} {{#if isLocked}}
<svg class="locked"> <svg>
<use xlink:href={{absoluteUrl "packages/ohif_viewerbase/assets/icons.svg#icon-status-lock"}}></use> <use xlink:href={{absoluteUrl "packages/ohif_viewerbase/assets/icons.svg#icon-status-lock"}}></use>
</svg> </svg>
{{else}} {{else}}
{{#if progressComplete}} {{#if progressComplete}}
<svg class="complete"> <svg>
<use xlink:href={{absoluteUrl "packages/ohif_viewerbase/assets/icons.svg#icon-status-complete"}}></use> <use xlink:href={{absoluteUrl "packages/ohif_viewerbase/assets/icons.svg#icon-status-complete"}}></use>
</svg> </svg>
{{else}} {{else}}

44
Packages/ohif-measurements/client/components/caseProgress/radialProgressBar/radialProgressBar.styl
View File

@ -20,29 +20,33 @@ $circleSize = 46px
vendorize(transform, rotate(270deg)) vendorize(transform, rotate(270deg))
vendorize(transform-origin, center center) vendorize(transform-origin, center center)
.progressText .progressArea
position: absolute theme('color', '$activeColor')
width: $circleSize display: table
height: $circleSize
line-height: $circleSize
font-weight: 700 font-weight: 700
font-size: 17px font-size: 17px
text-align: center height: $circleSize
theme('color', '$activeColor') line-height: $circleSize
top: 0 left: 50%
position: absolute
top: 50%
transform(translate(-50%, -50%))
width: $circleSize
&.locked
line-height: 0
&, & svg
height: 21px
width: 16px
&.complete
line-height: 0
&, & svg
height: 27px
width: 27px
svg svg
theme('fill', '$activeColor') theme('fill', '$activeColor')
left: 50%
position: absolute
theme('stroke', '$activeColor') theme('stroke', '$activeColor')
top: 50%
transform(translateX(-50%) translateY(-50%))
&.locked
width: 16px
height: 21px
&.complete
width: 27px
height: 27px