From c38abe7fdaf8b92681261d8be08a69adbb82ac25 Mon Sep 17 00:00:00 2001
From: Patrick Ward <patrick@endlessm.com>
Date: Thu, 9 Jan 2014 16:28:49 -0800
Subject: Update Wikipedia CSS to resize font size

Updated the Wikipedia CSS for domain-specific Wikipedia apps to automatically resize fonts using em.

[endlessm/eos-sdk#468]
---
 data/css/eos-wikipedia-domain.css   | 10 +++++-----
 wikipedia/views/domain_wiki_view.js |  3 ++-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/data/css/eos-wikipedia-domain.css b/data/css/eos-wikipedia-domain.css
index c3c8752..da1006b 100644
--- a/data/css/eos-wikipedia-domain.css
+++ b/data/css/eos-wikipedia-domain.css
@@ -14,11 +14,11 @@ EosWindow {
 }
 
 .title.main-element.category.front-page {
-    font-size: 110px;
+    font-size: 9.17em;
 }
 
 .title.category.front-page {
-    font-size: 33px;
+    font-size: 2.75em;
 }
 
 Gjs_ArticleList{
@@ -30,7 +30,7 @@ Gjs_ArticleList .button {
     padding-right: 25px;
     padding-top: 15px;
     padding-bottom: 15px;
-    font-size: 14px;
+    font-size: 1.17em;
     color: #464646;
     background-image: url('resource:///com/endlessm/wikipedia-domain/assets/submenu_bg_normal.jpg');
     background-size: cover;
@@ -61,7 +61,7 @@ Gjs_ArticleList .scrollbar.slider {
 .category-page #category_description{
     color:rgba(255, 255, 255, 1.0);
     background-color: rgba(0, 0, 0, 0);
-    font-size: 11px;
+    font-size: 0.917em;
 }
 
 .category-page #category_scrolled_window .scrollbar.slider {
@@ -71,7 +71,7 @@ Gjs_ArticleList .scrollbar.slider {
 
 .category-page #category_title{
     font-family: "Lato Light";
-    font-size: 50px;
+    font-size: 4.17em;
     color: rgba(255, 255, 255, 0.9);
 }
 
diff --git a/wikipedia/views/domain_wiki_view.js b/wikipedia/views/domain_wiki_view.js
index a238f6b..a1de76e 100644
--- a/wikipedia/views/domain_wiki_view.js
+++ b/wikipedia/views/domain_wiki_view.js
@@ -29,7 +29,8 @@ const DomainWikiView = new Lang.Class({
         this._presenter = null;
 
         this._window = new Endless.Window({
-            application: application
+            'application': application,
+            'font-scaling-active': true
         });
 
         // These need to be called first
-- 
cgit v1.2.3