mirror of
				https://github.com/zadam/trilium.git
				synced 2025-11-04 05:28:59 +01:00 
			
		
		
		
	small blink on attr save as a visual hint
This commit is contained in:
		
							parent
							
								
									70995a7691
								
							
						
					
					
						commit
						f1ed114167
					
				@ -26,6 +26,7 @@ const TPL = `
 | 
				
			|||||||
        color: var(--muted-text-color);
 | 
					        color: var(--muted-text-color);
 | 
				
			||||||
        max-height: 100px;
 | 
					        max-height: 100px;
 | 
				
			||||||
        overflow: auto;
 | 
					        overflow: auto;
 | 
				
			||||||
 | 
					        transition: opacity .1s linear;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
        
 | 
					        
 | 
				
			||||||
    .save-attributes-button {
 | 
					    .save-attributes-button {
 | 
				
			||||||
@ -307,6 +308,12 @@ export default class AttributeEditorWidget extends TabAwareWidget {
 | 
				
			|||||||
            await server.put(`notes/${this.noteId}/attributes`, attributes, this.componentId);
 | 
					            await server.put(`notes/${this.noteId}/attributes`, attributes, this.componentId);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
            this.$saveAttributesButton.fadeOut();
 | 
					            this.$saveAttributesButton.fadeOut();
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					            // blink the attribute text to give visual hint that save has been executed
 | 
				
			||||||
 | 
					            this.$editor.css('opacity', 0);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					            // revert back
 | 
				
			||||||
 | 
					            setTimeout(() => this.$editor.css('opacity', 1), 100);
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user