diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss index f910a5b19..0750651d3 100644 --- a/data/theme/gnome-shell-sass/_common.scss +++ b/data/theme/gnome-shell-sass/_common.scss @@ -1364,11 +1364,8 @@ StScrollBar { //search results - #searchResultsBin { - max-width: 1000px; - } - #searchResultsContent { + max-width: 1000px; padding-left: 20px; padding-right: 20px; spacing: 16px; diff --git a/js/ui/search.js b/js/ui/search.js index 9d9ca718f..6d6c09a64 100644 --- a/js/ui/search.js +++ b/js/ui/search.js @@ -14,8 +14,8 @@ const SEARCH_PROVIDERS_SCHEMA = 'org.gnome.desktop.search-providers'; var MAX_LIST_SEARCH_RESULTS_ROWS = 5; var MAX_GRID_SEARCH_RESULTS_ROWS = 1; -var MaxWidthBin = GObject.registerClass( -class MaxWidthBin extends St.Bin { +var MaxWidthBox = GObject.registerClass( +class MaxWidthBox extends St.BoxLayout { vfunc_allocate(box, flags) { let themeNode = this.get_theme_node(); let maxWidth = themeNode.get_max_width(); @@ -378,22 +378,16 @@ var SearchResults = class { this.actor = new St.BoxLayout({ name: 'searchResults', vertical: true }); - this._content = new St.BoxLayout({ name: 'searchResultsContent', - vertical: true }); - this._contentBin = new MaxWidthBin({ name: 'searchResultsBin', - x_fill: true, - y_fill: true, - child: this._content }); - - let scrollChild = new St.BoxLayout(); - scrollChild.add(this._contentBin, { expand: true }); + this._content = new MaxWidthBox({ name: 'searchResultsContent', + vertical: true }); this._scrollView = new St.ScrollView({ x_fill: true, y_fill: false, overlay_scrollbars: true, style_class: 'search-display vfade' }); this._scrollView.set_policy(St.PolicyType.NEVER, St.PolicyType.AUTOMATIC); - this._scrollView.add_actor(scrollChild); + this._scrollView.add_actor(this._content); + let action = new Clutter.PanAction({ interpolate: true }); action.connect('pan', this._onPan.bind(this)); this._scrollView.add_action(action);