@@ -32,12 +32,6 @@ MouseArea {
3232 signal selected(int uid)
3333 signal unlocked(int uid)
3434
35− Rectangle {
36− anchors.fill: parent
37− color: "black"
38− opacity: 0.4
39− }
40−
4135 MouseArea {
4236 id: teasingMouseArea
4337 anchors.fill: parent
@@ -93,6 +87,7 @@ MouseArea {
9387 objectName: "infographics"
9488 height: narrowMode ? parent.height : 0.75 * parent.height
9589 model: greeterContentLoader.infographicModel
90+ opacity: 0.0
9691
9792 property string selectedUser
9893 property string infographicUser: AccountsService.statsWelcomeScreen ? selectedUser : ""
@@ -114,16 +109,64 @@ MouseArea {
114109 left: narrowMode ? root.left : loginLoader.right
115110 right: root.right
116111 }
112+
113+ ParallelAnimation {
114+ id: infoFadeAnimation
115+ StandardAnimation {
116+ target: infographics
117+ property: "opacity"
118+ from: 0.0
119+ to: 1.0
120+ duration: 800
121+ }
122+ StandardAnimation {
123+ target: infographics
124+ property: "scale"
125+ from: 0.9
126+ to: 1.0
127+ duration: 800
128+ }
129+ }
130+
131+ Timer {
132+ running: true
133+ interval: 200
134+ onTriggered: infoFadeAnimation.start()
135+ }
117136 }
118137
119138 Clock {
120139 id: clock
121− visible: narrowMode
140+ opacity: 0.0
122141
123142 anchors {
124143 top: parent.top
125144 topMargin: units.gu(2)
126145 horizontalCenter: parent.horizontalCenter
127146 }
147+
148+ ParallelAnimation {
149+ id: clockFadeAnimation
150+ StandardAnimation {
151+ target: clock
152+ property: "opacity"
153+ from: 0.0
154+ to: 1.0
155+ duration: 600
156+ }
157+ StandardAnimation {
158+ target: clock
159+ property: "scale"
160+ from: 0.9
161+ to: 1.0
162+ duration: 600
163+ }
164+ }
165+
166+ Timer {
167+ running: narrowMode
168+ interval: 600
169+ onTriggered: clockFadeAnimation.start()
170+ }
128171 }
129172}