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

Fix loading / error indicator styling

Browse Source
This commit is contained in:
Erik Ziegler 2016-08-05 12:49:09 +02:00
parent f90536c0d3
commit 3e4b66cfcd
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
Packages/viewerbase/client/components/viewer/loadingIndicator/loadingIndicator.styl
View File

@ -1,36 +1,36 @@
@import "{design}/app.styl" @import "{design}/app.styl"
.imageViewerLoadingIndicator .imageViewerLoadingIndicator
display: none color: $textSecondaryColor
color: $textPrimaryColor
.faded .faded
opacity: 0.5 opacity: 0.5
.imageViewerErrorLoadingIndicator .imageViewerErrorLoadingIndicator
display: none color: $uiYellow
background-color: rgba(0,0,0,0.75)
p, h4 p, h4
text-align: center text-align: center
color: $textColorActive
padding: 4px 0 padding: 4px 0
p p
font-size: 11pt font-size: 11pt
.loadingIndicator .loadingIndicator
display: none
pointer-events: none // Necessary for click-through to cornerstone element below pointer-events: none // Necessary for click-through to cornerstone element below
position: absolute
top: 0
width: 100% width: 100%
height: 100% height: 100%
font-size: 18px font-size: 18px
z-index: 100 z-index: 100
background-color: rgba(0,0,0,0.75)
.indicatorContents .indicatorContents
position: absolute position: absolute
top: 40% top: 40%
width: 100% width: 100%
color: $textSecondaryColor
font-size: 30px font-size: 30px
font-weight: 200 font-weight: 200
text-align: center text-align: center