This commit is contained in:
syuilo 2018-09-27 17:42:51 +09:00
parent 5b0b83faa7
commit f3eeadcd8f
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
2 changed files with 12 additions and 20 deletions

View file

@ -167,9 +167,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.mk-messaging
&[data-compact]
font-size 0.8em
@ -318,20 +316,20 @@ root(isDark)
display block
text-decoration none
background var(--face)
border-bottom solid 1px isDark ? #1c2023 : #eee
border-bottom solid 1px var(--faceDivider)
*
pointer-events none
user-select none
&:hover
background isDark ? #1e2129 : #fafafa
box-shadow 0 0 0 100px inset rgba(0, 0, 0, 0.05)
> .avatar
.avatar
filter saturate(200%)
&:active
background isDark ? #14161b : #eee
box-shadow 0 0 0 100px inset rgba(0, 0, 0, 0.1)
&[data-is-read]
&[data-is-me]
@ -371,17 +369,17 @@ root(isDark)
overflow hidden
text-overflow ellipsis
font-size 1em
color isDark ? #fff : rgba(#000, 0.9)
color var(--noteHeaderName)
font-weight bold
transition all 0.1s ease
> .username
margin 0 8px
color isDark ? #606984 : rgba(#000, 0.5)
color var(--noteHeaderAcct)
> .mk-time
margin 0 0 0 auto
color isDark ? #606984 : rgba(#000, 0.5)
color var(--noteHeaderInfo)
font-size 80%
> .avatar
@ -401,10 +399,10 @@ root(isDark)
overflow hidden
overflow-wrap break-word
font-size 1.1em
color isDark ? #fff : rgba(#000, 0.8)
color var(--faceText)
.me
color isDark ? rgba(#fff, 0.7) : rgba(#000, 0.4)
opacity 0.7
> .image
display block
@ -449,10 +447,4 @@ root(isDark)
> .avatar
margin 0 12px 0 0
.mk-messaging[data-darkmode]
root(true)
.mk-messaging:not([data-darkmode])
root(false)
</style>

View file

@ -503,7 +503,7 @@ root(isDark)
> span
margin-right 16px
color isDark ? #fff : #666
color var(--primary)
> .hashtags
margin 0 0 8px 0
@ -512,7 +512,7 @@ root(isDark)
font-size 14px
> b
color isDark ? #9baec8 : var(--primaryDarken20)
color var(--primary)
> *
margin-right 8px