Fade the grid view out when downloading posts
This commit is contained in:
		
					parent
					
						
							
								10ba382498
							
						
					
				
			
			
				commit
				
					
						d9db707e7c
					
				
			
		
					 1 changed files with 11 additions and 0 deletions
				
			
		| 
						 | 
					@ -46,10 +46,12 @@ Rectangle {
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    onDownloadFinished: {
 | 
					    onDownloadFinished: {
 | 
				
			||||||
 | 
					        grid.opacity = 1
 | 
				
			||||||
        runningIndicator.running = false
 | 
					        runningIndicator.running = false
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    onDownloadStarted: {
 | 
					    onDownloadStarted: {
 | 
				
			||||||
 | 
					        grid.opacity = 0.5
 | 
				
			||||||
        runningIndicator.running = true
 | 
					        runningIndicator.running = true
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -124,6 +126,7 @@ Rectangle {
 | 
				
			||||||
                            iconName: "view-preview"
 | 
					                            iconName: "view-preview"
 | 
				
			||||||
                            visible: opacity > 0
 | 
					                            visible: opacity > 0
 | 
				
			||||||
                            opacity: 0
 | 
					                            opacity: 0
 | 
				
			||||||
 | 
					                            tooltip: i18n("View in image viewer")
 | 
				
			||||||
 | 
					
 | 
				
			||||||
                            anchors.top: parent.top
 | 
					                            anchors.top: parent.top
 | 
				
			||||||
                            anchors.left: parent.left
 | 
					                            anchors.left: parent.left
 | 
				
			||||||
| 
						 | 
					@ -152,6 +155,7 @@ Rectangle {
 | 
				
			||||||
                            iconName: "download"
 | 
					                            iconName: "download"
 | 
				
			||||||
                            visible: opacity > 0
 | 
					                            visible: opacity > 0
 | 
				
			||||||
                            opacity: 0
 | 
					                            opacity: 0
 | 
				
			||||||
 | 
					                            tooltip: i18n("Download image")
 | 
				
			||||||
 | 
					
 | 
				
			||||||
                            anchors.bottom: parent.bottom
 | 
					                            anchors.bottom: parent.bottom
 | 
				
			||||||
                            anchors.left: parent.left
 | 
					                            anchors.left: parent.left
 | 
				
			||||||
| 
						 | 
					@ -237,6 +241,13 @@ Rectangle {
 | 
				
			||||||
                NumberAnimation  { property: "opacity"; from: 0; to: 1; duration: 250}
 | 
					                NumberAnimation  { property: "opacity"; from: 0; to: 1; duration: 250}
 | 
				
			||||||
            }
 | 
					            }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					            Behavior on opacity {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					                NumberAnimation {
 | 
				
			||||||
 | 
					                    duration: 200
 | 
				
			||||||
 | 
					                }
 | 
				
			||||||
 | 
					            }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue