From c2d8d958a65f7c1056ec282870f64dc94b05b45a Mon Sep 17 00:00:00 2001 From: syuilo Date: Tue, 17 Apr 2018 19:32:18 +0900 Subject: [PATCH] :art: --- .../app/desktop/views/components/timeline.vue | 32 ++++++++++++++----- 1 file changed, 24 insertions(+), 8 deletions(-) diff --git a/src/client/app/desktop/views/components/timeline.vue b/src/client/app/desktop/views/components/timeline.vue index e0215ad1a..c1afbb6be 100644 --- a/src/client/app/desktop/views/components/timeline.vue +++ b/src/client/app/desktop/views/components/timeline.vue @@ -74,20 +74,36 @@ export default Vue.extend({ border-radius 6px > header - padding 8px 16px - border-bottom solid 1px #eee + padding 0 8px + z-index 1 + box-shadow 0 1px rgba(0, 0, 0, 0.08) > span - margin-right 16px - line-height 27px - font-size 14px - color #555 + display inline-block + padding 0 10px + line-height 42px + font-size 12px + user-select none + + &[data-is-active] + color $theme-color + cursor default + + &:before + content "" + display block + position absolute + bottom 0 + left -8px + width calc(100% + 16px) + height 2px + background $theme-color &:not([data-is-active]) - color $theme-color + color #6f7477 cursor pointer &:hover - text-decoration underline + color #525a5f