[gnome-calculator] math-converter: Prepare moving the conversion result when narrow

[Robert Roth <robertroth src gnome org>]

commit ed9dd276ecbf2885f8f2c42641c9912a61946d69
Author: Adrien Plazas <kekun plazas laposte net>
Date:   Wed Mar 10 13:52:36 2021 +0100

    math-converter: Prepare moving the conversion result when narrow
    
    Add secondary conversion results label that will be revealed in place of
    the current one when the window will be narrow. This will help the
    advanced, financial and keyboard modes reach narrower widths.

 src/ui/math-converter.ui | 73 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
---
diff --git a/src/ui/math-converter.ui b/src/ui/math-converter.ui
index c1a3b44a..167448fb 100644
--- a/src/ui/math-converter.ui
+++ b/src/ui/math-converter.ui
@@ -41,6 +41,7 @@
       <object class="GtkComboBox" id="from_combo">
         <property name="visible">True</property>
         <property name="can_focus">False</property>
+        <property name="hexpand">True</property>
         <signal name="changed" handler="from_combobox_changed_cb" swapped="no"/>
         <child>
           <object class="GtkCellRendererText" id="from_renderer">
@@ -61,6 +62,7 @@
         <property name="visible">True</property>
         <property name="can_focus">False</property>
         <property name="opacity">0.88</property>
+        <property name="hexpand">True</property>
         <signal name="changed" handler="to_combobox_changed_cb" swapped="no"/>
         <child>
           <object class="GtkCellRendererText" id="to_renderer">
@@ -140,6 +142,77 @@
         </child>
       </object>
     </child>
+    <child>
+      <object class="GtkBox">
+        <property name="orientation">horizontal</property>
+        <property name="sensitive">True</property>
+        <property name="spacing">6</property>
+        <property name="can_focus">False</property>
+        <property name="halign">end</property>
+        <property name="valign">center</property>
+        <property name="hexpand">True</property>
+        <property name="vexpand">False</property>
+        <property name="visible" bind-source="result_holder" bind-property="visible" 
bind-flags="sync-create|invert-boolean"/>
+        <child>
+          <object class="GtkLabel">
+            <property name="visible">True</property>
+            <property name="sensitive">True</property>
+            <property name="selectable">True</property>
+            <property name="can_focus">False</property>
+            <property name="halign">start</property>
+            <property name="valign">center</property>
+            <property name="hexpand">True</property>
+            <property name="vexpand">False</property>
+            <property name="justify">center</property>
+            <property name="ellipsize">end</property>
+            <property name="xalign">0</property>
+            <property name="yalign">0</property>
+            <property name="label" bind-source="from_label" bind-property="label" 
bind-flags="sync-create|bidirectional"/>
+          </object>
+        </child>
+        <child>
+          <object class="GtkLabel">
+            <property name="visible">True</property>
+            <property name="sensitive">True</property>
+            <property name="can_focus">False</property>
+            <property name="halign">center</property>
+            <property name="valign">center</property>
+            <property name="hexpand">False</property>
+            <property name="vexpand">False</property>
+            <property name="justify">center</property>
+            <property name="xalign">0</property>
+            <property name="yalign">0</property>
+            <property name="label" bind-source="convert_equals" bind-property="label" 
bind-flags="sync-create|bidirectional"/>
+          </object>
+        </child>
+        <child>
+          <object class="GtkLabel">
+            <property name="visible">True</property>
+            <property name="sensitive">True</property>
+            <property name="selectable">True</property>
+            <property name="can_focus">False</property>
+            <property name="halign">end</property>
+            <property name="valign">center</property>
+            <property name="hexpand">True</property>
+            <property name="vexpand">False</property>
+            <property name="justify">center</property>
+            <property name="ellipsize">end</property>
+            <property name="xalign">0</property>
+            <property name="yalign">0</property>
+            <property name="label" bind-source="to_label" bind-property="label" 
bind-flags="sync-create|bidirectional"/>
+          </object>
+          <packing>
+            <property name="expand">false</property>
+            <property name="fill">true</property>
+          </packing>
+        </child>
+      </object>
+      <packing>
+        <property name="left-attach">0</property>
+        <property name="top-attach">1</property>
+        <property name="width">4</property>
+      </packing>
+    </child>
   </template>
 </interface>