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

LT-275: Adding animation to 'Add label' button

Browse Source
This commit is contained in:
Bruno Alves de Faria 2016-08-15 17:11:53 -03:00
parent 217ab6ca34
commit d5619922cc
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
Packages/design/styles/imports/animations.styl
View File

@ -1,15 +1,15 @@
animateZoomIn() animationDefaults()
animation-name: zoomInOut
animation-duration: 0.3s animation-duration: 0.3s
animation-iteration-count: 1 animation-iteration-count: 1
animation-direction: alternate animation-direction: alternate
animation-timing-function: ease-out animation-timing-function: ease-out
animateZoomIn()
animationDefaults()
animation-name: zoomInOut
animation-fill-mode: forwards animation-fill-mode: forwards
animateFadeIn() animateFadeIn()
animationDefaults()
animation-name: fadeInOut animation-name: fadeInOut
animation-duration: 0.3s
animation-iteration-count: 1
animation-direction: alternate
animation-timing-function: ease-out
animation-fill-mode: forwards animation-fill-mode: forwards

9
Packages/lesiontracker/client/components/measureFlow/measureFlow.styl
View File

@ -1,12 +1,13 @@
@import "{design}/app" @import "{design}/app"
.measure-flow .measure-flow
position: relative
&.open, &.open,
&.selected &.selected
.btn-add .btn-add
display: none opacity: 0
.btn-add .btn-add
background-color: $activeColor background-color: $activeColor
@ -16,8 +17,14 @@
cursor: pointer cursor: pointer
font-weight: bold font-weight: bold
height: 24px height: 24px
left: 0
line-height: 24px line-height: 24px
opacity: 1
position: absolute
padding: 0 14px padding: 0 14px
top: 0
transition(opacity 0.3s ease)
white-space: nowrap
.select-tree-root>.tree-content .select-tree-root>.tree-content
width: 213px width: 213px