[libadwaita/wip/exalm/demo-buttons: 9/9] demo: Update list button usage




commit c48a218bbbecd9424079cf37d19294c048111e06
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Nov 12 17:34:29 2021 +0500

    demo: Update list button usage
    
    Stop using .outline, use flat buttons for icon-only buttons, polish the
    file chooser button.

 demo/adw-demo-window.ui       | 33 +++++++++++++++++----------------
 demo/adw-style-demo-window.ui |  3 ---
 2 files changed, 17 insertions(+), 19 deletions(-)
---
diff --git a/demo/adw-demo-window.ui b/demo/adw-demo-window.ui
index b6f2322f..90768e02 100644
--- a/demo/adw-demo-window.ui
+++ b/demo/adw-demo-window.ui
@@ -255,16 +255,12 @@
                                             </child>
                                             <child>
                                               <object class="AdwActionRow">
-                                                <property name="activatable_widget">frobnicate</property>
                                                 <property name="title" translatable="yes">Rows can have 
suffix widgets</property>
                                                 <child>
-                                                  <object class="GtkButton" id="frobnicate">
+                                                  <object class="GtkButton">
                                                     <property name="halign">end</property>
                                                     <property name="label" 
translatable="yes">Frobnicate</property>
                                                     <property name="valign">center</property>
-                                                    <style>
-                                                      <class name="outline"/>
-                                                    </style>
                                                   </object>
                                                 </child>
                                               </object>
@@ -358,7 +354,7 @@
                                                     <property name="valign">center</property>
                                                     <property name="icon-name">row-copy-symbolic</property>
                                                     <style>
-                                                      <class name="outline"/>
+                                                      <class name="flat"/>
                                                     </style>
                                                   </object>
                                                 </child>
@@ -668,24 +664,29 @@
                                                             <property name="valign">center</property>
                                                             <signal name="clicked" 
handler="avatar_file_chooser_clicked_cb" swapped="true"/>
                                                             <child>
-                                                              <object class="GtkLabel" 
id="avatar_file_chooser_label">
-                                                                <property name="ellipsize">middle</property>
-                                                                <property 
name="max-width-chars">20</property>
+                                                              <object class="GtkBox">
+                                                                <property name="spacing">6</property>
+                                                                <child>
+                                                                  <object class="GtkImage">
+                                                                    <property 
name="icon-name">document-open-symbolic</property>
+                                                                  </object>
+                                                                </child>
+                                                                <child>
+                                                                  <object class="GtkLabel" 
id="avatar_file_chooser_label">
+                                                                    <property 
name="ellipsize">middle</property>
+                                                                  </object>
+                                                                </child>
                                                               </object>
                                                             </child>
-                                                            <style>
-                                                              <class name="text-button"/>
-                                                              <class name="outline"/>
-                                                            </style>
                                                           </object>
                                                         </child>
                                                         <child>
                                                           <object class="GtkButton" 
id="avatar_remove_button">
                                                             <property name="valign">center</property>
-                                                            <property 
name="icon_name">avatar-delete-symbolic</property>
+                                                            <property 
name="icon_name">user-trash-symbolic</property>
                                                             <signal name="clicked" swapped="yes" 
handler="avatar_file_remove_cb"/>
                                                             <style>
-                                                              <class name="outline"/>
+                                                              <class name="flat"/>
                                                             </style>
                                                           </object>
                                                         </child>
@@ -712,7 +713,7 @@
                                                             <property 
name="icon_name">avatar-save-symbolic</property>
                                                             <signal name="clicked" swapped="yes" 
handler="avatar_save_to_file_cb"/>
                                                             <style>
-                                                              <class name="outline"/>
+                                                              <class name="flat"/>
                                                             </style>
                                                           </object>
                                                         </child>
diff --git a/demo/adw-style-demo-window.ui b/demo/adw-style-demo-window.ui
index bafc0541..b9d93072 100644
--- a/demo/adw-style-demo-window.ui
+++ b/demo/adw-style-demo-window.ui
@@ -1061,9 +1061,6 @@ The "raised" style class can be used to make a button inside a toolbar use defau
                             <property name="action-name">style.app-notification</property>
                             <property name="action-target">true</property>
                             <property name="valign">center</property>
-                            <style>
-                              <class name="outline"/>
-                            </style>
                           </object>
                         </child>
                       </object>


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]