diff options
| author | crupest <crupest@outlook.com> | 2020-11-04 17:01:46 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-11-04 17:01:46 +0800 |
| commit | 0cf0d1ec66a0880fa0467d44ea4b5182313ef269 (patch) | |
| tree | 8ea0e049d6050c89bb0c21ff236ac3dc198c5ef0 | |
| parent | eb921cff374dbf92b6d8325aa13971b75a9252f9 (diff) | |
| download | timeline-0cf0d1ec66a0880fa0467d44ea4b5182313ef269.tar.gz timeline-0cf0d1ec66a0880fa0467d44ea4b5182313ef269.tar.bz2 timeline-0cf0d1ec66a0880fa0467d44ea4b5182313ef269.zip | |
feat: Decrease timeline line area width in small device.
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/timeline-common.sass | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass index 8d9ee04d..43b043ac 100644 --- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass +++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass @@ -45,6 +45,10 @@ $timeline-line-color-current: #36c2e6 bottom: 0em left: 0.5em width: 60px + transition: width 0.8s + + @include media-breakpoint-down(sm) + width: 40px &-area display: flex @@ -114,7 +118,10 @@ $timeline-line-color-current: #36c2e6 @extend .clearfix position: relative padding: 0.5em 2em 0.5em 60px - transition: background 0.5s + transition: background 0.5s, padding-left 0.8s + + @include media-breakpoint-down(sm) + padding-left: 40px &:hover background: $gray-200 |