From e376a577b6bfcdd9bdc0cc6ca283d99199a0197a Mon Sep 17 00:00:00 2001
From: bobufa <bobufa@users.noreply.github.com>
Date: Wed, 25 Jul 2018 20:41:51 +0200
Subject: improve sidebar UI - only display messages that are content items -
 only display messages for active accounts - "fix" textview issue - add empty
 states (no search, no results)

---
 main/data/global_search.ui | 137 ++++++++++++++++++++++++++++++++++++++++-----
 main/data/theme.css        |  16 ++++++
 2 files changed, 140 insertions(+), 13 deletions(-)

(limited to 'main/data')

diff --git a/main/data/global_search.ui b/main/data/global_search.ui
index cc5f043b..3c4597c1 100644
--- a/main/data/global_search.ui
+++ b/main/data/global_search.ui
@@ -10,24 +10,135 @@
             </object>
         </child>
         <child>
-            <object class="GtkLabel" id="entry_number_label">
-                <property name="xalign">0</property>
-                <property name="use-markup">True</property>
-                <property name="margin-left">17</property>
-                <property name="visible">True</property>
-            </object>
-        </child>
-        <child>
-            <object class="GtkScrolledWindow" id="results_scrolled">
-                <property name="expand">True</property>
+            <object class="GtkStack" id="results_empty_stack">
                 <property name="visible">True</property>
                 <child>
-                    <object class="GtkBox" id="results_box">
+                    <object class="GtkBox">
+                        <property name="orientation">vertical</property>
+                        <property name="spacing">10</property>
+                        <property name="valign">center</property>
+                        <property name="visible">True</property>
+                        <child>
+                            <object class="GtkImage">
+                                <property name="visible">True</property>
+                                <property name="icon-name">system-search-symbolic</property>
+                                <property name="icon-size">4</property>
+                                <property name="pixel-size">72</property>
+                                <style>
+                                    <class name="dim-label"/>
+                                </style>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkLabel">
+                                <property name="label" translatable="yes">No active search</property>
+                                <property name="xalign">0.5</property>
+                                <property name="yalign">0.5</property>
+                                <property name="visible">True</property>
+                                <attributes>
+                                    <attribute name="weight" value="PANGO_WEIGHT_BOLD"/>
+                                    <attribute name="scale" value="1.3"/>
+                                </attributes>
+                                <style>
+                                    <class name="dim-label"/>
+                                </style>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkLabel">
+                                <property name="label" translatable="yes">Type to start a search</property>
+                                <property name="xalign">0.5</property>
+                                <property name="yalign">0.5</property>
+                                <property name="visible">True</property>
+                                <style>
+                                    <class name="dim-label"/>
+                                </style>
+                            </object>
+                        </child>
+                    </object>
+                    <packing>
+                        <property name="name">empty</property>
+                    </packing>
+                </child>
+                <child>
+                    <object class="GtkBox">
+                        <property name="orientation">vertical</property>
+                        <property name="spacing">10</property>
+                        <property name="valign">center</property>
+                        <property name="visible">True</property>
+                        <child>
+                            <object class="GtkImage">
+                                <property name="visible">True</property>
+                                <property name="icon-name">face-uncertain-symbolic</property>
+                                <property name="icon-size">4</property>
+                                <property name="pixel-size">72</property>
+                                <style>
+                                    <class name="dim-label"/>
+                                </style>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkLabel">
+                                <property name="label" translatable="yes">No matching messages</property>
+                                <property name="xalign">0.5</property>
+                                <property name="yalign">0.5</property>
+                                <property name="visible">True</property>
+                                <attributes>
+                                    <attribute name="weight" value="PANGO_WEIGHT_BOLD"/>
+                                    <attribute name="scale" value="1.3"/>
+                                </attributes>
+                                <style>
+                                    <class name="dim-label"/>
+                                </style>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkLabel">
+                                <property name="label" translatable="yes">Check the spelling or try to remove filters</property>
+                                <property name="xalign">0.5</property>
+                                <property name="yalign">0.5</property>
+                                <property name="visible">True</property>
+                                <style>
+                                    <class name="dim-label"/>
+                                </style>
+                            </object>
+                        </child>
+                    </object>
+                    <packing>
+                        <property name="name">no-result</property>
+                    </packing>
+                </child>z
+                <child>
+                    <object class="GtkBox">
                         <property name="orientation">vertical</property>
-                        <property name="spacing">25</property>
-                        <property name="margin">10</property>
                         <property name="visible">True</property>
+                        <child>
+                            <object class="GtkLabel" id="entry_number_label">
+                                <property name="xalign">0</property>
+                                <property name="use-markup">True</property>
+                                <property name="margin-left">17</property>
+                                <property name="visible">True</property>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkScrolledWindow" id="results_scrolled">
+                                <property name="hscrollbar-policy">never</property>
+                                <property name="expand">True</property>
+                                <property name="visible">True</property>
+                                <child>
+                                    <object class="GtkBox" id="results_box">
+                                        <property name="orientation">vertical</property>
+                                        <property name="spacing">25</property>
+                                        <property name="margin">10</property>
+                                        <property name="visible">True</property>
+                                    </object>
+                                </child>
+                            </object>
+                        </child>
                     </object>
+                    <packing>
+                        <property name="name">results</property>
+                    </packing>
                 </child>
             </object>
         </child>
diff --git a/main/data/theme.css b/main/data/theme.css
index 61f15af4..42988c42 100644
--- a/main/data/theme.css
+++ b/main/data/theme.css
@@ -17,6 +17,22 @@ window.dino-main .dino-conversation undershoot {
     background: none;
 }
 
+@keyframes highlight {
+    from { background: alpha(@warning_color, 0.5) }
+    to { background: transparent }
+}
+
+window.dino-main .dino-conversation .highlight-once {
+    animation-duration: 3s;
+    animation-timing-function: ease-out;
+    animation-iteration-count: 1;
+    animation-name: highlight;
+}
+
+window.dino-main .dino-conversation textview, window.dino-main .dino-conversation textview text {
+    background: transparent;
+}
+
 window.dino-main .dino-sidebar frame {
     background: @insensitive_bg_color;
     border-left: 1px solid @borders;
-- 
cgit v1.2.3-70-g09d2