Commit 0d4f3ea8 authored by Tobias Bernard's avatar Tobias Bernard
Browse files

Lockscreen: replace HdyArrows with a an image + CSS animation

parent f9574260
......@@ -78,3 +78,14 @@ phosh-home, .phosh-panel {
font-weight: 100;
}
.phosh-lockscreen-arrow {
transition: 400ms linear;
animation: pulsate 1.8s ease-out;
animation-iteration-count: infinite;
}
@keyframes pulsate {
0% {-gtk-icon-transform: translateY(0); opacity: 0.7}
35% {-gtk-icon-transform: translateY(-14px); opacity: 1}
100% {-gtk-icon-transform: translateY(0); opacity: 0.7}
}
......@@ -178,38 +178,37 @@
<property name="can_focus">False</property>
<property name="orientation">vertical</property>
<child>
<placeholder/>
</child>
<child>
<object class="HdyArrows" id="arrows">
<property name="width_request">80</property>
<property name="height_request">60</property>
<object class="GtkLabel">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="halign">center</property>
<property name="valign">end</property>
<property name="count">2</property>
<property name="duration">1500</property>
<property name="margin_top">6</property>
<property name="margin_bottom">32</property>
<property name="label" translatable="yes">Slide up to unlock</property>
<style>
<class name="dim-label"/>
</style>
</object>
<packing>
<property name="expand">True</property>
<property name="pack_type">end</property>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">1</property>
</packing>
</child>
<child>
<object class="GtkLabel">
<object class="GtkImage" id="lock-arrow">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="valign">end</property>
<property name="margin_top">24</property>
<property name="margin_bottom">32</property>
<property name="label" translatable="yes">Slide up to unlock</property>
<property name="icon_name">swipe-arrow-symbolic</property>
<property name="pixel_size">24</property>
<style>
<class name="phosh-lockscreen-arrow"/>
</style>
</object>
<packing>
<property name="pack_type">end</property>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">2</property>
</packing>
</child>
</object>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment