diff options
Diffstat (limited to 'Timeline/ClientApp/src/app/views/timeline-common/timeline-common.sass')
| -rw-r--r-- | Timeline/ClientApp/src/app/views/timeline-common/timeline-common.sass | 25 |
1 files changed, 13 insertions, 12 deletions
diff --git a/Timeline/ClientApp/src/app/views/timeline-common/timeline-common.sass b/Timeline/ClientApp/src/app/views/timeline-common/timeline-common.sass index aa3544fe..4151bfcc 100644 --- a/Timeline/ClientApp/src/app/views/timeline-common/timeline-common.sass +++ b/Timeline/ClientApp/src/app/views/timeline-common/timeline-common.sass @@ -29,19 +29,26 @@ $timeline-line-color-current: #36c2e6 box-shadow: 0 0 20px 3px color.adjust($timeline-line-color-current, $lightness: +10%, $alpha: -0.1) .timeline-line + &-area-container + display: flex + justify-content: flex-end + padding-right: 5px + + flex: 0 0 auto + width: 60px + &-area display: flex flex-direction: column align-items: center - flex: 0 0 auto - width: 60px + width: 30px &-segment width: $timeline-line-width background: $timeline-line-color &.start - height: 20px + height: 14px flex: 0 0 auto &.end @@ -131,15 +138,9 @@ $timeline-line-color-current: #36c2e6 vertical-align: middle margin-right: 0.6em -.timeline-template-card-container - position: sticky +.timeline-template-card + position: fixed z-index: 1 top: 56px - margin: 0.5em - -.timeline-template-card - width: 360px - max-width: calc(100vw - 1em) - position: absolute - top: 0 right: 0 + margin: 0.5em |