Improve usability

This commit is contained in:
syuilo 2017-11-11 02:50:17 +09:00
parent f3dd5da931
commit 1b9e2c3b09
1 changed files with 9 additions and 4 deletions

View File

@ -23,8 +23,9 @@
</select> </select>
<button onclick={ addWidget }>追加</button> <button onclick={ addWidget }>追加</button>
</div> </div>
<div class="trash" ref="trash"> <div class="trash">
<p class="ignore"><b>ゴミ箱</b><br>(ここにウィジェットをドロップすると削除できます)</p> <div ref="trash"></div>
<p><b>ゴミ箱</b><br>(ここにウィジェットをドロップすると削除できます)</p>
</div> </div>
</div> </div>
<div class="main"> <div class="main">
@ -53,16 +54,21 @@
border-top none border-top none
> div > div
padding 16px
width 50% width 50%
&.adder &.adder
padding 16px
> p > p
display inline display inline
&.trash &.trash
border-left solid 1px #ddd border-left solid 1px #ddd
> div
width 100%
height 100%
> p > p
position absolute position absolute
top 0 top 0
@ -148,7 +154,6 @@
const sortableOption = { const sortableOption = {
group: 'kyoppie', group: 'kyoppie',
animation: 150, animation: 150,
filter: '.ignore',
onSort: this.saveHome onSort: this.saveHome
}; };