[nautilus/wip/cdavis/hdystatuspage: 2/2] ui: Copy styling from HdyStatusPage

[Christopher Davis <christopherdavis src gnome org>]

commit 02e9daede1e15079427eaa3b0c5cdc51c6ddbb12
Author: Christopher Davis <christopherdavis gnome org>
Date:   Sat Feb 13 01:16:39 2021 -0800

    ui: Copy styling from HdyStatusPage
    
    Using HdyStatusPage itself breaks dragging; We can
    instead copy the framework and styling for now.
    
    See https://gitlab.gnome.org/GNOME/libhandy/-/blob/master/src/themes/Adwaita.css#L78 and 
https://gitlab.gnome.org/GNOME/libhandy/-/blob/master/src/hdy-status-page.ui#L18

 src/resources/ui/nautilus-folder-is-empty.ui  | 30 ++++++++++++++++++++++++---
 src/resources/ui/nautilus-starred-is-empty.ui | 30 ++++++++++++++++++++++++---
 src/resources/ui/nautilus-trash-is-empty.ui   | 30 ++++++++++++++++++++++++---
 3 files changed, 81 insertions(+), 9 deletions(-)
---
diff --git a/src/resources/ui/nautilus-folder-is-empty.ui b/src/resources/ui/nautilus-folder-is-empty.ui
index 04cfd3729..e9205efd3 100644
--- a/src/resources/ui/nautilus-folder-is-empty.ui
+++ b/src/resources/ui/nautilus-folder-is-empty.ui
@@ -2,9 +2,33 @@
 <!-- Generated with glade 3.22.0 -->
 <interface>
   <requires lib="gtk+" version="3.20"/>
-  <object class="HdyStatusPage" id="folder_is_empty">
+  <object class="GtkBox" id="folder_is_empty">
     <property name="visible">True</property>
-    <property name="icon_name">folder-symbolic</property>
-    <property name="title" translatable="yes">Folder is Empty</property>
+    <property name="orientation">vertical</property>
+    <property name="halign">center</property>
+    <property name="valign">center</property>
+    <child>
+      <object class="GtkImage" id="image">
+        <property name="visible">True</property>
+        <property name="pixel-size">128</property>
+        <property name="icon-name">folder-symbolic</property>
+        <property name="margin-bottom">36</property>
+        <style>
+          <class name="dim-label"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkLabel" id="title_label">
+        <property name="visible">True</property>
+        <property name="wrap">True</property>
+        <property name="wrap-mode">word-char</property>
+        <property name="justify">center</property>
+        <property name="label" translatable="yes">Folder is Empty</property>
+        <style>
+          <class name="large-title"/>
+        </style>
+      </object>
+    </child>
   </object>
 </interface>
diff --git a/src/resources/ui/nautilus-starred-is-empty.ui b/src/resources/ui/nautilus-starred-is-empty.ui
index 87bbaec3a..f3710342c 100644
--- a/src/resources/ui/nautilus-starred-is-empty.ui
+++ b/src/resources/ui/nautilus-starred-is-empty.ui
@@ -2,9 +2,33 @@
 <!-- Generated with glade 3.22.0 -->
 <interface>
   <requires lib="gtk+" version="3.20"/>
-  <object class="HdyStatusPage" id="starred_is_empty">
+  <object class="GtkBox" id="starred_is_empty">
     <property name="visible">True</property>
-    <property name="icon_name">starred-symbolic</property>
-    <property name="title" translatable="yes">Starred Files Will Appear Here</property>
+    <property name="orientation">vertical</property>
+    <property name="halign">center</property>
+    <property name="valign">center</property>
+    <child>
+      <object class="GtkImage" id="image">
+        <property name="visible">True</property>
+        <property name="pixel-size">128</property>
+        <property name="icon_name">starred-symbolic</property>
+        <property name="margin-bottom">36</property>
+        <style>
+          <class name="dim-label"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkLabel" id="title_label">
+        <property name="visible">True</property>
+        <property name="wrap">True</property>
+        <property name="wrap-mode">word-char</property>
+        <property name="justify">center</property>
+        <property name="label" translatable="yes">Starred Files Will Appear Here</property>
+        <style>
+          <class name="large-title"/>
+        </style>
+      </object>
+    </child>
   </object>
 </interface>
diff --git a/src/resources/ui/nautilus-trash-is-empty.ui b/src/resources/ui/nautilus-trash-is-empty.ui
index 7952cf1f8..eda68700f 100644
--- a/src/resources/ui/nautilus-trash-is-empty.ui
+++ b/src/resources/ui/nautilus-trash-is-empty.ui
@@ -2,9 +2,33 @@
 <!-- Generated with glade 3.22.0 -->
 <interface>
   <requires lib="gtk+" version="3.20"/>
-  <object class="HdyStatusPage" id="trash_is_empty">
+  <object class="GtkBox" id="trash_is_empty">
     <property name="visible">True</property>
-    <property name="icon_name">user-trash-symbolic</property>
-    <property name="title" translatable="yes">Trash is Empty</property>
+    <property name="orientation">vertical</property>
+    <property name="halign">center</property>
+    <property name="valign">center</property>
+    <child>
+      <object class="GtkImage" id="image">
+        <property name="visible">True</property>
+        <property name="pixel-size">128</property>
+        <property name="icon_name">user-trash-symbolic</property>
+        <property name="margin-bottom">36</property>
+        <style>
+          <class name="dim-label"/>
+        </style>
+      </object>
+    </child>
+    <child>
+      <object class="GtkLabel" id="title_label">
+        <property name="visible">True</property>
+        <property name="wrap">True</property>
+        <property name="wrap-mode">word-char</property>
+        <property name="justify">center</property>
+        <property name="label" translatable="yes">Trash is Empty</property>
+        <style>
+          <class name="large-title"/>
+        </style>
+      </object>
+    </child>
   </object>
 </interface>