[gtk/adaptive-emojichooser: 402/403] emojichooser: Allow the section buttons to wrap

[Matthias Clasen <matthiasc src gnome org>]

commit 2ea4574caf752a8e04eee591580a0f4ca0992021
Author: Matthias Clasen <mclasen redhat com>
Date:   Mon Dec 21 22:45:48 2020 -0500

    emojichooser: Allow the section buttons to wrap
    
    Use a flowbox instead of a horizontal box for
    the section buttons at the bottom, so they can
    wrap and allow for narrow layout.
    
    We also need to stop giving the scrolledwindow
    a content height, so it can shrink to make room
    for more rows of section buttons.

 gtk/ui/gtkemojichooser.ui | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)
---
diff --git a/gtk/ui/gtkemojichooser.ui b/gtk/ui/gtkemojichooser.ui
index 823fd026d5..9fd383f8fe 100644
--- a/gtk/ui/gtkemojichooser.ui
+++ b/gtk/ui/gtkemojichooser.ui
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <interface domain="gtk40">
   <template class="GtkEmojiChooser" parent="GtkPopover">
+    <property name="height-request">410</property>
     <style>
       <class name="emoji-picker"/>
     </style>
@@ -33,7 +34,6 @@
                       <object class="GtkScrolledWindow" id="scrolled_window">
                         <property name="vexpand">1</property>
                         <property name="hscrollbar-policy">never</property>
-                        <property name="min-content-height">250</property>
                         <style>
                           <class name="view"/>
                         </style>
@@ -217,7 +217,9 @@
                       </object>
                     </child>
                     <child>
-                      <object class="GtkBox">
+                      <object class="GtkFlowBox">
+                        <property name="min-children-per-line">3</property>
+                        <property name="max-children-per-line">10</property>
                         <style>
                           <class name="emoji-toolbar"/>
                         </style>