This commit is contained in:
syuilo 2017-03-11 18:56:15 +09:00
parent ff29e7bb14
commit 08e83e1374
3 changed files with 9 additions and 24 deletions

View File

@ -1,5 +1,5 @@
<mk-post-form-window> <mk-post-form-window>
<mk-window ref="window" is-modal={ true } colored={ true }> <mk-window ref="window" is-modal={ true }>
<yield to="header"> <yield to="header">
<span if={ !parent.opts.reply }>新規投稿</span> <span if={ !parent.opts.reply }>新規投稿</span>
<span if={ parent.opts.reply }>返信</span> <span if={ parent.opts.reply }>返信</span>

View File

@ -1,7 +1,11 @@
<mk-repost-form-window> <mk-repost-form-window>
<mk-window ref="window" is-modal={ true } colored={ true }><yield to="header"><i class="fa fa-retweet"></i>この投稿をRepostしますか</yield> <mk-window ref="window" is-modal={ true }>
<yield to="header">
<i class="fa fa-retweet"></i>この投稿をRepostしますか
</yield>
<yield to="content"> <yield to="content">
<mk-repost-form ref="form" post={ parent.opts.post }></mk-repost-form></yield> <mk-repost-form ref="form" post={ parent.opts.post }></mk-repost-form>
</yield>
</mk-window> </mk-window>
<style> <style>
:scope :scope

View File

@ -1,4 +1,4 @@
<mk-window data-flexible={ isFlexible } data-colored={ opts.colored } ondragover={ ondragover }> <mk-window data-flexible={ isFlexible } ondragover={ ondragover }>
<div class="bg" ref="bg" show={ isModal } onclick={ bgClick }></div> <div class="bg" ref="bg" show={ isModal } onclick={ bgClick }></div>
<div class="main" ref="main" tabindex="-1" data-is-modal={ isModal } onmousedown={ onBodyMousedown } onkeydown={ onKeydown }> <div class="main" ref="main" tabindex="-1" data-is-modal={ isModal } onmousedown={ onBodyMousedown } onkeydown={ onKeydown }>
<div class="body"> <div class="body">
@ -171,25 +171,6 @@
> .main > .body > .content > .main > .body > .content
height calc(100% - 40px) height calc(100% - 40px)
&[data-colored]
> .main > .body
> header
box-shadow 0 1px 0 rgba($theme-color, 0.1)
> h1
color #d0b4ac
> .close
color rgba($theme-color, 0.4)
&:hover
color rgba($theme-color, 0.6)
&:active
color darken($theme-color, 30%)
</style> </style>
<script> <script>
const contains = require('../../common/scripts/contains'); const contains = require('../../common/scripts/contains');