mirror of
				https://github.com/zadam/trilium.git
				synced 2025-11-04 05:28:59 +01:00 
			
		
		
		
	chore(collections/board): floating edit button for note titles
This commit is contained in:
		
							parent
							
								
									d224ffd6d3
								
							
						
					
					
						commit
						54fe9dde70
					
				@ -67,7 +67,7 @@ export default function Card({
 | 
			
		||||
                <>
 | 
			
		||||
                    <span className="title">{title}</span>
 | 
			
		||||
                    <span
 | 
			
		||||
                        className="edit-icon icon bx bx-edit-alt"
 | 
			
		||||
                        className="edit-icon icon bx bx-edit"
 | 
			
		||||
                        title={t("board_view.edit-note-title")}
 | 
			
		||||
                        onClick={handleEdit}
 | 
			
		||||
                    />
 | 
			
		||||
 | 
			
		||||
@ -120,6 +120,24 @@
 | 
			
		||||
  border: 1px solid var(--main-border-color);
 | 
			
		||||
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.15s ease, margin-top 0.2s ease;
 | 
			
		||||
  opacity: 1;
 | 
			
		||||
  line-height: 1.1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.board-view-container .board-note > .edit-icon {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: 8px;
 | 
			
		||||
  right: 4px;
 | 
			
		||||
  padding: 2px;
 | 
			
		||||
  background-color: var(--main-background-color);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.board-view-container .board-note:hover > .edit-icon {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: 8px;
 | 
			
		||||
  right: 4px;
 | 
			
		||||
  color: var(--main-text-color);
 | 
			
		||||
  background-color: var(--main-background-color);
 | 
			
		||||
  padding-left: 6px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.board-view-container .board-note.fade-in {
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user