summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-04-17 19:32:18 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-04-17 19:32:18 +0900
commitd9fe884e871be0168b66eb98b25c77315d3f5c58 (patch)
tree36c095083dd10c6633c3344a5f584ab994d752b6
parentMerge pull request #1498 from rinsuki/features/add-feedback-link (diff)
downloadmisskey-d9fe884e871be0168b66eb98b25c77315d3f5c58.tar.gz
misskey-d9fe884e871be0168b66eb98b25c77315d3f5c58.tar.bz2
misskey-d9fe884e871be0168b66eb98b25c77315d3f5c58.zip
:art:
-rw-r--r--src/client/app/desktop/views/components/timeline.vue32
1 files 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 e0215ad1a2..c1afbb6bee 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
- &:not([data-is-active])
+ &[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 #6f7477
cursor pointer
&:hover
- text-decoration underline
+ color #525a5f
</style>