diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/desktop/views/components/post-form-window.vue | 64 |
1 files changed, 39 insertions, 25 deletions
diff --git a/src/client/app/desktop/views/components/post-form-window.vue b/src/client/app/desktop/views/components/post-form-window.vue index c55d6f1a1e..51a416e281 100644 --- a/src/client/app/desktop/views/components/post-form-window.vue +++ b/src/client/app/desktop/views/components/post-form-window.vue @@ -1,21 +1,23 @@ <template> -<mk-window ref="window" is-modal @closed="$destroy"> - <span slot="header"> - <span :class="$style.icon" v-if="geo">%fa:map-marker-alt%</span> +<mk-window class="mk-post-form-window" ref="window" is-modal @closed="$destroy"> + <span slot="header" class="mk-post-form-window--header"> + <span class="icon" v-if="geo">%fa:map-marker-alt%</span> <span v-if="!reply">%i18n:@note%</span> <span v-if="reply">%i18n:@reply%</span> - <span :class="$style.count" v-if="media.length != 0">{{ '%i18n:@attaches%'.replace('{}', media.length) }}</span> - <span :class="$style.count" v-if="uploadings.length != 0">{{ '%i18n:@uploading-media%'.replace('{}', uploadings.length) }}<mk-ellipsis/></span> + <span class="count" v-if="media.length != 0">{{ '%i18n:@attaches%'.replace('{}', media.length) }}</span> + <span class="count" v-if="uploadings.length != 0">{{ '%i18n:@uploading-media%'.replace('{}', uploadings.length) }}<mk-ellipsis/></span> </span> - <mk-note-preview v-if="reply" :class="$style.notePreview" :note="reply"/> - <mk-post-form ref="form" - :reply="reply" - @posted="onPosted" - @change-uploadings="onChangeUploadings" - @change-attached-media="onChangeMedia" - @geo-attached="onGeoAttached" - @geo-dettached="onGeoDettached"/> + <div class="mk-post-form-window--body"> + <mk-note-preview v-if="reply" class="notePreview" :note="reply"/> + <mk-post-form ref="form" + :reply="reply" + @posted="onPosted" + @change-uploadings="onChangeUploadings" + @change-attached-media="onChangeMedia" + @geo-attached="onGeoAttached" + @geo-dettached="onGeoDettached"/> + </div> </mk-window> </template> @@ -56,21 +58,33 @@ export default Vue.extend({ }); </script> -<style lang="stylus" module> -.icon - margin-right 8px +<style lang="stylus" scoped> +root(isDark) + .mk-post-form-window--header + .icon + margin-right 8px -.count - margin-left 8px - opacity 0.8 + .count + margin-left 8px + opacity 0.8 - &:before - content '(' + &:before + content '(' - &:after - content ')' + &:after + content ')' -.notePreview - margin 16px 22px 0 22px + .mk-post-form-window--body + .notePreview + if isDark + margin 16px 22px 0 22px + else + margin 16px 22px + +.mk-post-form-window[data-darkmode] + root(true) + +.mk-post-form-window:not([data-darkmode]) + root(false) </style> |