[gnome-shell-sass/wip/raresv/uiTweaksSass2: 1/5] search: Make the results take more horizontal space



commit 24b2fcb284eb96d9f5fb4c4297080708806f1750
Author: raresvis <rares visalom gmail com>
Date:   Sat Jul 1 02:10:11 2017 +0300

    search: Make the results take more horizontal space
    
    In order to make gnome-shell search functionality fit on
    smaller screens, like those of devices, search results
    need to take advantage of more horizontal space so that
    any extra space can be used efficiently.
    
    In order to do so, change the layout of the ListSearchResult
    class from a vertical one, to a horizontal one and also
    decrease the padding of the list-search-result-content css
    class.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=749957

 _common.scss |    8 +++++---
 1 files changed, 5 insertions(+), 3 deletions(-)
---
diff --git a/_common.scss b/_common.scss
index 1cf86aa..3f2273f 100644
--- a/_common.scss
+++ b/_common.scss
@@ -1313,9 +1313,11 @@ StScrollBar {
     height: 1px;
   }
 
-  .list-search-result-content { spacing: 12px; padding: 12px; }
-  .list-search-result-title { font-size: 1.5em; color: darken($osd_fg_color,5%); }
+  .list-search-result-title { font-size: 1.5em; color: darken($osd_fg_color,5%); spacing: 12px; }
   .list-search-result-description { color: darken($osd_fg_color,15%); }
+  .list-search-result-content { spacing: 30px; }
+  .list-search-provider-details { width: 150px; color: darken($osd_fg_color,5%); margin-top: 0.24em; }
+  .list-search-provider-content { spacing: 20px; }
   .search-provider-icon { padding: 15px; }
   .search-provider-icon-more {
     width: 16px;
@@ -1735,7 +1737,7 @@ $legacy_icon_size: 24px;
     .vertical & { padding-top: 0.5em; }
     .horizontal & { padding-left: 0.5em; }
   }
-  
+
   .candidate-page-button {
     padding: 4px;
   }


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