Improve usability
This commit is contained in:
parent
f3dd5da931
commit
1b9e2c3b09
1 changed files with 9 additions and 4 deletions
|
@ -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
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue