[fractal] room_settings: Round corners, adjust spacing



commit 463b1e99227eafd631b4d932be1e96b8a700816c
Author: Christopher Davis <brainblasted disroot org>
Date:   Fri Oct 2 16:58:08 2020 -0700

    room_settings: Round corners, adjust spacing
    
    A newer pattern for GNOME is rounded list corners.
    In GTK4 GtkFrame automatically has rounded corners.
    For now, we can adopt this style pattern by rounding
    our frame and it's contents manually.
    
    This commit also adjusts the spacing between the search
    and room member list, for a less cramped feeling.

 fractal-gtk/res/app.css             | 20 ++++++++++++++++++++
 fractal-gtk/res/ui/room_settings.ui |  8 +++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)
---
diff --git a/fractal-gtk/res/app.css b/fractal-gtk/res/app.css
index 5f38b05f..f57e7ab1 100644
--- a/fractal-gtk/res/app.css
+++ b/fractal-gtk/res/app.css
@@ -129,6 +129,26 @@ frame.room-directory > border {
   color: @theme_selected_bg_color;
 }
 
+.room-settings-frame > border {
+  border-radius: 9px;
+}
+
+.room-settings-frame > list {
+  border-radius: 9px;
+}
+
+.room-settings-frame > box {
+  border-radius: 9px;
+}
+
+.room-settings-frame > box > list {
+  border-radius: 9px;
+}
+
+.room-settings-frame > box > label {
+  border-radius: 9px;
+}
+
 row:not(:selected) .member-uid {
   color: @insensitive_fg_color;
 }
diff --git a/fractal-gtk/res/ui/room_settings.ui b/fractal-gtk/res/ui/room_settings.ui
index 1832290b..38a8eb81 100644
--- a/fractal-gtk/res/ui/room_settings.ui
+++ b/fractal-gtk/res/ui/room_settings.ui
@@ -292,6 +292,9 @@
                                 </child>
                               </object>
                             </child>
+                            <style>
+                              <class name="room-settings-frame"/>
+                            </style>
                           </object>
                           <packing>
                             <property name="expand">False</property>
@@ -959,7 +962,7 @@
                                 <property name="visible">True</property>
                                 <property name="can_focus">False</property>
                                 <property name="orientation">vertical</property>
-                                <property name="spacing">6</property>
+                                <property name="spacing">12</property>
                                 <child>
                                   <object class="GtkSearchEntry" id="room_settings_members_search">
                                     <property name="visible">True</property>
@@ -979,6 +982,9 @@
                                   <object class="GtkFrame" id="room_settings_members_list">
                                     <property name="visible">True</property>
                                     <property name="can_focus">True</property>
+                                    <style>
+                                      <class name="room-settings-frame"/>
+                                    </style>
                                   </object>
                                   <packing>
                                     <property name="expand">False</property>


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