isa/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

search.js: Make the results take more horizontal space

Browse Source 
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
This commit is contained in:
raresvis 2017-06-20 22:13:48 +03:00
parent 8dae0b5767
commit c62e3614d5
3 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
data/theme/gnome-shell-high-contrast.css
View File

@ -1180,14 +1180,15 @@ StScrollBar {
.list-search-result-content {
spacing: 12px;
padding: 12px; }
padding: 2px; }
.list-search-result-title {
font-size: 1.5em;
color: #e2e2df; }
.list-search-result-description {
color: #cacac4; }
color: #cacac4;
margin-left: 30px; }
.search-provider-icon {
padding: 15px; }

5
data/theme/gnome-shell.css
View File

@ -1180,14 +1180,15 @@ StScrollBar {
.list-search-result-content {
spacing: 12px;
padding: 12px; }
padding: 2px; }
.list-search-result-title {
font-size: 1.5em;
color: #e2e2df; }
.list-search-result-description {
color: #cacac4; }
color: #cacac4;
margin-left: 30px; }
.search-provider-icon {
padding: 15px; }

12
js/ui/search.js
View File

@ -90,7 +90,7 @@ const ListSearchResult = new Lang.Class({
content.add(icon);
}
let details = new St.BoxLayout({ vertical: true });
let details = new St.BoxLayout({ vertical: false });
content.add(details, { x_fill: true,
y_fill: false,
x_align: St.Align.START,
@ -101,16 +101,18 @@ const ListSearchResult = new Lang.Class({
details.add(title, { x_fill: false,
y_fill: false,
x_align: St.Align.START,
y_align: St.Align.START });
y_align: St.Align.MIDDLE });
this.actor.label_actor = title;
if (this.metaInfo['description']) {
let description = new St.Label({ style_class: 'list-search-result-description' });
description.clutter_text.set_markup(this.metaInfo['description']);
let description = new St.Label({
style_class: 'list-search-result-description',
text: this.metaInfo['description'] });
details.add(description, { x_fill: false,
y_fill: false,
x_align: St.Align.START,
y_align: St.Align.END });
y_align: St.Align.MIDDLE });
}
}
});