Restore an About dialog box.

1 files changed, 101 insertions, 146 deletions

diff --git a/src/gui/dialogs/about.ui b/src/gui/dialogs/about.ui
index 0170508..892b468 100644
--- a/src/gui/dialogs/about.ui
+++ b/src/gui/dialogs/about.ui
@@ -1,151 +1,106 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!-- Generated with glade 3.37.0 -->
 <interface>
-  <requires lib="gtk+" version="3.12"/>
-  <object class="GtkWindow" id="window">
-    <property name="width-request">350</property>
-    <property name="height-request">430</property>
-    <property name="can-focus">False</property>
-    <property name="border-width">0</property>
-    <property name="title" translatable="yes">About</property>
-    <property name="resizable">False</property>
-    <property name="modal">True</property>
-    <property name="window-position">center-on-parent</property>
-    <property name="default-width">350</property>
-    <property name="default-height">430</property>
-    <property name="type-hint">dialog</property>
-    <signal name="key-press-event" handler="close_about_window_on_escape" swapped="no"/>
-    <child>
-      <object class="GtkFixed">
-        <property name="visible">True</property>
-        <property name="can-focus">False</property>
-        <signal name="draw" handler="draw_black_background" swapped="no"/>
+
+    <template class="GtkAppAboutDialog" parent="GtkWindow">
+        <property name="title" translatable="yes">About</property>
+        <property name="default-width">350</property>
+        <property name="default-height">430</property>
+        <property name="modal">true</property>
+        <property name="resizable">false</property>
+
+        <style>
+            <class name="black-bg"/>
+        </style>
+
         <child>
-          <object class="GtkLabel">
-            <property name="width-request">350</property>
-            <property name="height-request">20</property>
-            <property name="visible">True</property>
-            <property name="can-focus">False</property>
-            <property name="margin-bottom">10</property>
-            <property name="label" translatable="yes">&lt;span fgcolor='white'&gt;Copyright (C) 2008-2020 Cyrille Bagard&lt;/span&gt;</property>
-            <property name="use-markup">True</property>
-          </object>
-          <packing>
-            <property name="y">400</property>
-          </packing>
+            <object class="GtkBox">
+                <property name="orientation">vertical</property>
+                <child>
+                    <object class="GtkPicture" id="logo">
+                        <property name="margin-top">10</property>
+                        <property name="file">resource://org/chrysalide/gui/dialogs/about/chrysalide-full.png</property>
+                    </object>
+                </child>
+
+                <!--
+                    Etage intermédiaire pour ne pas que l'image se voie allouer la largeur entière
+                    de la fenêtre. Sinon des marges sont placées autour du rendu lors que l'image
+                    n'est pas étendue pour couvrir cette largeur entière.
+                -->
+                <child>
+                    <object class="GtkBox">
+                        <property name="orientation">horizontal</property>
+                        <property name="halign">center</property>
+                        <property name="margin-top">14</property>
+                        <child>
+                            <object class="GtkPicture" id="text">
+                                <property name="width-request">253</property>
+                                <property name="file">resource:///org/chrysalide/gui/dialogs/about/chrysalide_text.png</property>
+                            </object>
+                        </child>
+                    </object>
+                </child>
+
+                <child>
+                    <object class="GtkBox">
+                        <property name="orientation">horizontal</property>
+                        <property name="margin-start">149</property>
+                        <child>
+                            <object class="GtkPicture" id="revision">
+                                <property name="width-request">14</property>
+                                <property name="file">resource:///org/chrysalide/gui/dialogs/about/revision.png</property>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkPicture" id="revision_0">
+                                <property name="width-request">14</property>
+                                <property name="file">resource:///org/chrysalide/gui/dialogs/about/revision.png</property>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkPicture" id="revision_1">
+                                <property name="width-request">14</property>
+                                <property name="file">resource:///org/chrysalide/gui/dialogs/about/revision.png</property>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkPicture" id="revision_2">
+                                <property name="width-request">14</property>
+                                <property name="file">resource:///org/chrysalide/gui/dialogs/about/revision.png</property>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkPicture" id="revision_3">
+                                <property name="width-request">14</property>
+                                <property name="file">resource:///org/chrysalide/gui/dialogs/about/revision.png</property>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkPicture" id="revision_4">
+                                <property name="width-request">14</property>
+                                <property name="file">resource:///org/chrysalide/gui/dialogs/about/revision.png</property>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkPicture" id="revision_5">
+                                <property name="width-request">14</property>
+                                <property name="file">resource:///org/chrysalide/gui/dialogs/about/revision.png</property>
+                            </object>
+                        </child>
+                    </object>
+                </child>
+
+                <child>
+                    <object class="GtkLabel">
+                        <property name="margin-top">22</property>
+                        <property name="margin-bottom">10</property>
+                        <property name="label" translatable="yes">&lt;span fgcolor='white'&gt;Copyright (C) 2008-2024 Cyrille Bagard&lt;/span&gt;</property>
+                        <property name="use-markup">True</property>
+                    </object>
+                </child>
+
+            </object>
         </child>
-        <child>
-          <object class="GtkImage" id="logo">
-            <property name="width-request">330</property>
-            <property name="height-request">300</property>
-            <property name="visible">True</property>
-            <property name="can-focus">False</property>
-            <property name="resource">/org/chrysalide/gui/dialogs/about/chrysalide-full.png</property>
-          </object>
-          <packing>
-            <property name="x">10</property>
-            <property name="y">10</property>
-          </packing>
-        </child>
-        <child>
-          <object class="GtkImage" id="text">
-            <property name="width-request">253</property>
-            <property name="height-request">42</property>
-            <property name="visible">True</property>
-            <property name="can-focus">False</property>
-            <property name="resource">/org/chrysalide/gui/dialogs/about/chrysalide_text.png</property>
-          </object>
-          <packing>
-            <property name="x">48</property>
-            <property name="y">324</property>
-          </packing>
-        </child>
-        <child>
-          <object class="GtkImage" id="revision">
-            <property name="width-request">14</property>
-            <property name="height-request">18</property>
-            <property name="visible">True</property>
-            <property name="can-focus">False</property>
-            <property name="resource">/org/chrysalide/gui/dialogs/about/revision.png</property>
-          </object>
-          <packing>
-            <property name="x">149</property>
-            <property name="y">360</property>
-          </packing>
-        </child>
-        <child>
-          <object class="GtkImage" id="revision_0">
-            <property name="width-request">14</property>
-            <property name="height-request">18</property>
-            <property name="visible">True</property>
-            <property name="can-focus">False</property>
-          </object>
-          <packing>
-            <property name="x">163</property>
-            <property name="y">360</property>
-          </packing>
-        </child>
-        <child>
-          <object class="GtkImage" id="revision_1">
-            <property name="width-request">14</property>
-            <property name="height-request">18</property>
-            <property name="visible">True</property>
-            <property name="can-focus">False</property>
-          </object>
-          <packing>
-            <property name="x">177</property>
-            <property name="y">360</property>
-          </packing>
-        </child>
-        <child>
-          <object class="GtkImage" id="revision_2">
-            <property name="width-request">14</property>
-            <property name="height-request">18</property>
-            <property name="visible">True</property>
-            <property name="can-focus">False</property>
-          </object>
-          <packing>
-            <property name="x">191</property>
-            <property name="y">360</property>
-          </packing>
-        </child>
-        <child>
-          <object class="GtkImage" id="revision_3">
-            <property name="width-request">14</property>
-            <property name="height-request">18</property>
-            <property name="visible">True</property>
-            <property name="can-focus">False</property>
-          </object>
-          <packing>
-            <property name="x">205</property>
-            <property name="y">360</property>
-          </packing>
-        </child>
-        <child>
-          <object class="GtkImage" id="revision_4">
-            <property name="width-request">14</property>
-            <property name="height-request">18</property>
-            <property name="visible">True</property>
-            <property name="can-focus">False</property>
-          </object>
-          <packing>
-            <property name="x">219</property>
-            <property name="y">360</property>
-          </packing>
-        </child>
-        <child>
-          <object class="GtkImage" id="revision_5">
-            <property name="width-request">14</property>
-            <property name="height-request">18</property>
-            <property name="visible">True</property>
-            <property name="can-focus">False</property>
-          </object>
-          <packing>
-            <property name="x">233</property>
-            <property name="y">360</property>
-          </packing>
-        </child>
-      </object>
-    </child>
-  </object>
+
+    </template>
 </interface>