imagePage: Make crossfade from spinner work

It did not work before because the spinner page did
not take up the complete stack.

Also hiding the spinner when animating out of it
since it can be pretty dominant. Especially, since
it's usually not really shown before but the animation
starts emediately instead.

Closes #153

Part-of: <https://gitlab.gnome.org/Incubator/loupe/-/merge_requests/205>
This commit is contained in:
Sophie Herold 2023-04-26 18:15:36 +02:00 • committed by Marge Bot
parent 7c227f75a8
commit c42fe235c6
2 changed files with 28 additions and 8 deletions

View file

@ -43,10 +43,18 @@
<object class="GtkStack" id="stack">
<property name="transition-type">crossfade</property>
<child>
<object class="GtkSpinner" id="spinner">
<property name="halign">center</property>
<property name="valign">center</property>
<property name="spinning">True</property>
<object class="AdwBin" id="spinner_page">
<property name="hexpand">true</property>
<property name="vexpand">true</property>
<child>
<object class="GtkSpinner" id="spinner">
<property name="height-request">24</property>
<property name="width-request">24</property>
<property name="halign">center</property>
<property name="valign">center</property>
<property name="spinning">True</property>
</object>
</child>
</object>
</child>
<child>
@ -88,7 +96,7 @@
<property name="tooltip-text" translatable="yes">Rotate Left</property>
<property name="action-name">win.rotate_ccw</property>
<style>
<class name="flat" />
<class name="flat"/>
</style>
</object>
</child>
@ -98,7 +106,7 @@
<property name="tooltip-text" translatable="yes">Rotate Right</property>
<property name="action-name">win.rotate_cw</property>
<style>
<class name="flat" />
<class name="flat"/>
</style>
</object>
</child>
@ -110,3 +118,4 @@
</property>
</template>
</interface>