diff --git a/Packages/design/styles/imports/animations.styl b/Packages/design/styles/imports/animations.styl index 684a7302d..eed97dc9c 100644 --- a/Packages/design/styles/imports/animations.styl +++ b/Packages/design/styles/imports/animations.styl @@ -1,15 +1,15 @@ -animateZoomIn() - animation-name: zoomInOut +animationDefaults() animation-duration: 0.3s animation-iteration-count: 1 animation-direction: alternate animation-timing-function: ease-out + +animateZoomIn() + animationDefaults() + animation-name: zoomInOut animation-fill-mode: forwards animateFadeIn() + animationDefaults() animation-name: fadeInOut - animation-duration: 0.3s - animation-iteration-count: 1 - animation-direction: alternate - animation-timing-function: ease-out animation-fill-mode: forwards diff --git a/Packages/lesiontracker/client/components/measureFlow/measureFlow.styl b/Packages/lesiontracker/client/components/measureFlow/measureFlow.styl index 15d343dd3..a5cd20585 100644 --- a/Packages/lesiontracker/client/components/measureFlow/measureFlow.styl +++ b/Packages/lesiontracker/client/components/measureFlow/measureFlow.styl @@ -1,12 +1,13 @@ @import "{design}/app" .measure-flow + position: relative &.open, &.selected .btn-add - display: none + opacity: 0 .btn-add background-color: $activeColor @@ -16,8 +17,14 @@ cursor: pointer font-weight: bold height: 24px + left: 0 line-height: 24px + opacity: 1 + position: absolute padding: 0 14px + top: 0 + transition(opacity 0.3s ease) + white-space: nowrap .select-tree-root>.tree-content width: 213px