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…
	
	Add table
		Add a link
		
	
		Reference in a new issue