Merge pull request #252 from endlessm/issues/249

#249 Add scrollbar to category description

2 files changed, 11 insertions, 2 deletions

diff --git a/data/css/eos-wikipedia-domain.css b/data/css/eos-wikipedia-domain.css
index 1007532..60cba6b 100644
--- a/data/css/eos-wikipedia-domain.css
+++ b/data/css/eos-wikipedia-domain.css
@@ -63,6 +63,11 @@ Gjs_ArticleList .scrollbar.slider {
     font-family: "Source Sans Pro";
 }
 
+#category_scrolled_window .scrollbar.slider {
+    border-radius: 6px;
+    background-color: alpha(white, 0.3);
+}
+
 #category_title{
     /* Top padding is hack because we have bad version of BentonSans */
     padding-top: 20px;
diff --git a/wikipedia/PrebuiltCategoryPage.js b/wikipedia/PrebuiltCategoryPage.js
index 7222443..5ee3e23 100644
--- a/wikipedia/PrebuiltCategoryPage.js
+++ b/wikipedia/PrebuiltCategoryPage.js
@@ -98,19 +98,23 @@ const PrebuiltCategoryPage = new Lang.Class({
 
         this._description_text_view.set_pixels_inside_wrap(10);
         this._description_text_view.set_wrap_mode(Gtk.WrapMode.WORD);
+        this._description_text_view.right_margin = 20;
 
         this._description_scrolled_window = new Gtk.ScrolledWindow({
+            name: 'category_scrolled_window',
             halign: Gtk.Align.FILL
         });
 
         this._description_scrolled_window.add(this._description_text_view);
-        this._description_scrolled_window.set_policy(Gtk.PolicyType.ALWAYS, Gtk.PolicyType.ALWAYS);
+        this._description_scrolled_window.set_policy(Gtk.PolicyType.NEVER,
+            Gtk.PolicyType.AUTOMATIC);
 
         this._inner_grid = new Gtk.Grid({
             orientation: Gtk.Orientation.VERTICAL,
             expand: true,
             margin_left: 45,
-            margin_right: 45
+            margin_right: 45,
+            margin_bottom: 15
         });
 
         this.parent(props);