diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-09-02 18:23:47 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-09-02 18:23:47 +0900 |
| commit | ef630195fa6a86ae54eaf866b38c5379dd79242e (patch) | |
| tree | 4c470dcb229164eb0ff045cd1f3bfd32ab6c787e /src | |
| parent | Merge branch 'develop' of https://github.com/syuilo/misskey into develop (diff) | |
| download | sharkey-ef630195fa6a86ae54eaf866b38c5379dd79242e.tar.gz sharkey-ef630195fa6a86ae54eaf866b38c5379dd79242e.tar.bz2 sharkey-ef630195fa6a86ae54eaf866b38c5379dd79242e.zip | |
モバイルのドライブダイアログがおかしいのを修正 & ダークモード対応
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/mobile/views/components/drive-file-chooser.vue | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/src/client/app/mobile/views/components/drive-file-chooser.vue b/src/client/app/mobile/views/components/drive-file-chooser.vue index 56e41e31d8..aaa707d8a7 100644 --- a/src/client/app/mobile/views/components/drive-file-chooser.vue +++ b/src/client/app/mobile/views/components/drive-file-chooser.vue @@ -1,12 +1,12 @@ <template> -<div class="mk-drive-file-chooser"> +<div class="cdxzvcfawjxdyxsekbxbfgtplebnoneb"> <div class="body"> <header> <h1>%i18n:@select-file%<span class="count" v-if="files.length > 0">({{ files.length }})</span></h1> <button class="close" @click="cancel">%fa:times%</button> <button v-if="multiple" class="ok" @click="ok">%fa:check%</button> </header> - <mk-drive ref="browser" + <mk-drive class="drive" ref="browser" :select-file="true" :multiple="multiple" @change-selection="onChangeSelection" @@ -46,7 +46,7 @@ export default Vue.extend({ </script> <style lang="stylus" scoped> -.mk-drive-file-chooser +root(isDark) position fixed z-index 20000 top 0 @@ -59,10 +59,11 @@ export default Vue.extend({ > .body width 100% height 100% - background #fff + background isDark ? #282c37 : #fff > header - border-bottom solid 1px #eee + border-bottom solid 1px isDark ? #1b1f29 : #eee + color isDark ? #fff : #111 > h1 margin 0 @@ -90,9 +91,15 @@ export default Vue.extend({ line-height 42px width 42px - > .mk-drive + > .drive height calc(100% - 42px) overflow scroll -webkit-overflow-scrolling touch +.cdxzvcfawjxdyxsekbxbfgtplebnoneb[data-darkmode] + root(true) + +.cdxzvcfawjxdyxsekbxbfgtplebnoneb:not([data-darkmode]) + root(false) + </style> |