From 848212d5000fe36c1d53e0fe0bb8e1e36b75c3bb Mon Sep 17 00:00:00 2001 From: crupest Date: Wed, 4 Nov 2020 17:01:46 +0800 Subject: feat: Decrease timeline line area width in small device. --- FrontEnd/src/app/views/timeline-common/timeline-common.sass | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) 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 -- cgit v1.2.3