@@ -28,6 +28,7 @@ Item {
2828
2929 property string leftIconName
3030 property string rightIconName
31+ property double opacityDelta
3132 readonly property double sliderHeight: units.gu(8)
3233 readonly property double gap: units.gu(1)
3334 readonly property color sliderMainColor: "#b2b2b2"
@@ -53,6 +54,14 @@ Item {
5354 return Qt.rgba(r,g,b,a)
5455 }
5556
57+ UbuntuNumberAnimation on opacityDelta {
58+ from: 0
59+ to: .5
60+ loops: Animation.Infinite
61+ duration: UbuntuAnimation.SleepyDuration
62+ easing.type: Easing.Linear
63+ }
64+
5665 UbuntuShape {
5766 id: row
5867 width: parent.width
@@ -97,25 +106,13 @@ Item {
97106 name: "back"
98107 height: units.gu(2.5)
99108 color: sliderMainColor
100− UbuntuNumberAnimation on opacity {
101− from: .5
102− to: 1
103− loops: Animation.Infinite
104− duration: UbuntuAnimation.SleepyDuration
105− easing.type: Easing.Linear
106− }
109+ opacity: .5 + opacityDelta
107110 }
108111 Icon {
109112 name: "back"
110113 height: units.gu(2.5)
111114 color: sliderMainColor
112− UbuntuNumberAnimation on opacity {
113− from: 1
114− to: .5
115− loops: Animation.Infinite
116− duration: UbuntuAnimation.SleepyDuration
117− easing.type: Easing.Linear
118− }
115+ opacity: 1 - opacityDelta
119116 }
120117 }
121118
@@ -179,25 +176,13 @@ Item {
179176 name: "next"
180177 height: units.gu(2.5)
181178 color: sliderMainColor
182− UbuntuNumberAnimation on opacity {
183− from: 1
184− to: .5
185− loops: Animation.Infinite
186− duration: UbuntuAnimation.SleepyDuration
187− easing.type: Easing.Linear
188− }
179+ opacity: 1 - opacityDelta
189180 }
190181 Icon {
191182 name: "next"
192183 height: units.gu(2.5)
193184 color: sliderMainColor
194− UbuntuNumberAnimation on opacity {
195− from: .5
196− to: 1
197− loops: Animation.Infinite
198− duration: UbuntuAnimation.SleepyDuration
199− easing.type: Easing.Linear
200− }
185+ opacity: 0.5 + opacityDelta
201186 }
202187 }
203188