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