Co-Authored-By: tamaina <tamaina@hotmail.co.jp>
This commit is contained in:
syuilo 2018-07-15 01:48:06 +09:00
parent 28dcf8bc1e
commit 41fa045999
1 changed files with 11 additions and 4 deletions

View File

@ -228,12 +228,12 @@ export default Vue.extend({
<style lang="stylus" scoped> <style lang="stylus" scoped>
@import '~const.styl' @import '~const.styl'
.mk-autocomplete root(isDark)
position fixed position fixed
z-index 65535 z-index 65535
margin-top calc(1em + 8px) margin-top calc(1em + 8px)
overflow hidden overflow hidden
background #fff background isDark ? #313543 : #fff
border solid 1px rgba(#000, 0.1) border solid 1px rgba(#000, 0.1)
border-radius 4px border-radius 4px
transition top 0.1s ease, left 0.1s ease transition top 0.1s ease, left 0.1s ease
@ -284,11 +284,13 @@ export default Vue.extend({
border-radius 100% border-radius 100%
.name .name
vertical-align middle
margin 0 8px 0 0 margin 0 8px 0 0
color rgba(#000, 0.8) color isDark ? rgba(#fff, 0.8) : rgba(#000, 0.8)
.username .username
color rgba(#000, 0.3) vertical-align middle
color isDark ? rgba(#fff, 0.3) : rgba(#000, 0.3)
> .emojis > li > .emojis > li
@ -304,4 +306,9 @@ export default Vue.extend({
margin 0 0 0 8px margin 0 0 0 8px
color rgba(#000, 0.3) color rgba(#000, 0.3)
.mk-autocomplete[data-darkmode]
root(true)
.mk-autocomplete:not([data-darkmode])
root(false)
</style> </style>