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 | 848212d5000fe36c1d53e0fe0bb8e1e36b75c3bb (patch) | |
| tree | 6451f8107601789003a6dc5125d9d517b1b8e52e /FrontEnd/src | |
| parent | 2ef2e6d51d283598ba0f3e331bd49a9369de7afa (diff) | |
| download | timeline-848212d5000fe36c1d53e0fe0bb8e1e36b75c3bb.tar.gz timeline-848212d5000fe36c1d53e0fe0bb8e1e36b75c3bb.tar.bz2 timeline-848212d5000fe36c1d53e0fe0bb8e1e36b75c3bb.zip | |
feat: Decrease timeline line area width in small device.
Diffstat (limited to 'FrontEnd/src')
| -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 |