diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-07-25 04:36:02 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-07-25 04:36:02 +0900 |
| commit | f8477fa88d9bec8898b029ee712aaac74b1414c8 (patch) | |
| tree | 19edb2280cee28b4f9e381b0deea7514e32145a8 /src | |
| parent | Update docs (diff) | |
| download | misskey-f8477fa88d9bec8898b029ee712aaac74b1414c8.tar.gz misskey-f8477fa88d9bec8898b029ee712aaac74b1414c8.tar.bz2 misskey-f8477fa88d9bec8898b029ee712aaac74b1414c8.zip | |
:art:
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/desktop/views/components/drive.file.vue | 6 | ||||
| -rw-r--r-- | src/client/app/desktop/views/components/drive.folder.vue | 20 |
2 files changed, 16 insertions, 10 deletions
diff --git a/src/client/app/desktop/views/components/drive.file.vue b/src/client/app/desktop/views/components/drive.file.vue index e1db36f5cf..6541a8f21f 100644 --- a/src/client/app/desktop/views/components/drive.file.vue +++ b/src/client/app/desktop/views/components/drive.file.vue @@ -1,5 +1,5 @@ <template> -<div class="root file" +<div class="gvfdktuvdgwhmztnuekzkswkjygptfcv" :data-is-selected="isSelected" :data-is-contextmenu-showing="isContextmenuShowing" @click="onClick" @@ -324,10 +324,10 @@ root(isDark) > .ext opacity 0.5 -.root.file[data-darkmode] +.gvfdktuvdgwhmztnuekzkswkjygptfcv[data-darkmode] root(true) -.root.file:not([data-darkmode]) +.gvfdktuvdgwhmztnuekzkswkjygptfcv:not([data-darkmode]) root(false) </style> diff --git a/src/client/app/desktop/views/components/drive.folder.vue b/src/client/app/desktop/views/components/drive.folder.vue index fc0f353f47..e8077f9e3d 100644 --- a/src/client/app/desktop/views/components/drive.folder.vue +++ b/src/client/app/desktop/views/components/drive.folder.vue @@ -1,5 +1,5 @@ <template> -<div class="root folder" +<div class="ynntpczxvnusfwdyxsfuhvcmuypqopdd" :data-is-contextmenu-showing="isContextmenuShowing" :data-draghover="draghover" @click="onClick" @@ -216,10 +216,10 @@ export default Vue.extend({ <style lang="stylus" scoped> @import '~const.styl' -.root.folder +root(isDark) padding 8px height 64px - background lighten($theme-color, 95%) + background isDark ? rgba($theme-color, 0.2) : lighten($theme-color, 95%) border-radius 4px &, * @@ -229,10 +229,10 @@ export default Vue.extend({ pointer-events none &:hover - background lighten($theme-color, 90%) + background isDark ? rgba(lighten($theme-color, 10%), 0.2) : lighten($theme-color, 90%) &:active - background lighten($theme-color, 85%) + background isDark ? rgba(darken($theme-color, 10%), 0.2) : lighten($theme-color, 85%) &[data-is-contextmenu-showing] &[data-draghover] @@ -248,16 +248,22 @@ export default Vue.extend({ border-radius 4px &[data-draghover] - background lighten($theme-color, 90%) + background isDark ? rgba(darken($theme-color, 10%), 0.2) : lighten($theme-color, 90%) > .name margin 0 font-size 0.9em - color darken($theme-color, 30%) + color isDark ? #fff : darken($theme-color, 30%) > [data-fa] margin-right 4px margin-left 2px text-align left +.ynntpczxvnusfwdyxsfuhvcmuypqopdd[data-darkmode] + root(true) + +.ynntpczxvnusfwdyxsfuhvcmuypqopdd:not([data-darkmode]) + root(false) + </style> |