[gnome-shell/uiTweaks2: 10/11] search.js: Vertically center the provider icon



commit 48468d1178e960c64aeba7a1ae69ce8a4502571f
Author: raresvis <rares visalom gmail com>
Date:   Mon Jul 3 22:35:21 2017 +0300

    search.js: Vertically center the provider icon
    
    As the mockups show, the provider name is vertically
    aligned with the first result in the associated
    search results list.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=749957

 data/theme/gnome-shell-high-contrast.css |    4 ++++
 data/theme/gnome-shell.css               |    5 +++++
 js/ui/search.js                          |    6 +++---
 3 files changed, 12 insertions(+), 3 deletions(-)
---
diff --git a/data/theme/gnome-shell-high-contrast.css b/data/theme/gnome-shell-high-contrast.css
index e32bacb..157f5fa 100644
--- a/data/theme/gnome-shell-high-contrast.css
+++ b/data/theme/gnome-shell-high-contrast.css
@@ -1186,6 +1186,10 @@ StScrollBar {
   font-size: 1.5em;
   color: #e2e2df; }
 
+.list-search-result-provider {
+  color: #e2e2df;
+  margin-top: 0.24em; }
+
 .list-search-result-description {
   color: #cacac4;
   margin-left: 30px; }
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 007741d..c6e374b 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1187,6 +1187,11 @@ StScrollBar {
 .list-search-result-title {
   color: #e2e2df; }
 
+.list-search-result-provider {
+  color: #e2e2df;
+  margin-top: 0.24em;
+ }
+
 .list-search-result-description {
   color: rgba(202, 202, 196, 0.5);
   margin-left: 30px; }
diff --git a/js/ui/search.js b/js/ui/search.js
index 09ff9f7..793920c 100644
--- a/js/ui/search.js
+++ b/js/ui/search.js
@@ -749,8 +749,8 @@ const ProviderInfo = new Lang.Class({
                                     vertical: true });
 
         let providerNameLabel = new St.Label({
-                                        style_class: 'list-search-result-title',
-                                        text: provider.appInfo.get_name() });
+                                    style_class: 'list-search-result-provider',
+                                    text: provider.appInfo.get_name() });
 
         this._remainingResultsLabel = new St.Label({
                                     style_class: 'list-search-result-title' });
@@ -770,7 +770,7 @@ const ProviderInfo = new Lang.Class({
         this._content.add(icon, { x_fill: false,
                                   y_fill: false,
                                   x_align: St.Align.START,
-                                  y_align: St.Align.START });
+                                  y_align: St.Align.MIDDLE });
         this._content.add(this._providerDetails, { x_fill: false,
                                                    y_fill: false,
                                                    x_align: St.Align.START,


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