Merge pull request #92 from jasonlong/tweak-font-sizes

Tweak font sizes and stats layout
jasonlong · Sep 16, 2018 · 357ea95 · 357ea95
2 parents 26d938c + 9091e01
commit 357ea95
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 17 deletions.
diff --git a/chrome/iso.css b/chrome/iso.css
@@ -108,12 +108,12 @@
 }
 
 .ic-stats-top {
-  top: 20px;
-  left: 370px;
+  top: 8px;
+  right: 20px;
 }
 
 .ic-stats-bottom {
-  top: 265px;
+  top: 225px;
   left: 20px;
 }
 
@@ -127,7 +127,7 @@
 
 .ic-stats-label {
   display: table-cell;
-  padding-bottom: 20px;
+  padding-bottom: 12px;
   font-size: 14px;
   color: #777;
   text-align: right;
@@ -136,17 +136,18 @@
 
 .ic-stats-count {
   display: block;
-  font-size: 40px;
-  font-weight: bold;
-  line-height: 38px;
+  font-size: 32px;
+  font-weight: 600;
+  line-height: 1;
   color: #1e6823;
 }
 
 .ic-stats-meta {
   display: table-cell;
-  padding-bottom: 20px;
+  padding-bottom: 12px;
   padding-left: 8px;
   text-align: left;
+  line-height: 1.2;
   vertical-align: bottom;
 }
 
@@ -155,23 +156,25 @@
 }
 
 .ic-stats-average {
+  font-size: 12px;
   font-weight: bold;
   color: #24292e;
 }
 
 .ic-stats-unit {
   display: block;
-  font-size: 15px;
+  font-size: 14px;
 }
 
 .ic-stats-date {
   display: block;
   color: #999;
+  font-size: 12px;
 }
 
 .ic-footer {
   position: absolute;
-  top: 450px;
+  top: 380px;
   left: 20px;
   font-size: 11px;
   color: #999;

diff --git a/chrome/iso.js b/chrome/iso.js
diff --git a/chrome/manifest.json b/chrome/manifest.json
@@ -1,6 +1,6 @@
 {
   "name": "Isometric Contributions",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "description": "Renders an isometric pixel view of GitHub contribution graphs.",
   "content_scripts": [ {
     "css": [ "iso.css" ],

diff --git a/firefox/isometric-contributions.xpi b/firefox/isometric-contributions.xpi
diff --git a/firefox/isometric-contributions/iso.js b/firefox/isometric-contributions/iso.js
diff --git a/firefox/isometric-contributions/manifest.json b/firefox/isometric-contributions/manifest.json
@@ -1,6 +1,6 @@
 {
   "name": "Isometric Contributions",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "description": "Renders an isometric pixel view of GitHub contribution graphs.",
   "content_scripts": [ {
     "css": [ "iso.css" ],

diff --git a/safari/isometric-contributions.safariextension/Info.plist b/safari/isometric-contributions.safariextension/Info.plist
@@ -13,9 +13,9 @@
 	<key>CFBundleInfoDictionaryVersion</key>
 	<string>6.0</string>
 	<key>CFBundleShortVersionString</key>
-	<string>1.0.23</string>
+	<string>1.0.24</string>
 	<key>CFBundleVersion</key>
-	<string>1.0.23</string>
+	<string>1.0.24</string>
 	<key>Chrome</key>
 	<dict>
 		<key>Database Quota</key>

diff --git a/src/iso.coffee b/src/iso.coffee
@@ -74,7 +74,7 @@ class Iso
   initUI: ->
     ($ '<div class="ic-contributions-wrapper"></div>')
       .insertBefore ($ '.js-calendar-graph')
-    ($ '<canvas id="isometric-contributions" width="720" height="470"></canvas>')
+    ($ '<canvas id="isometric-contributions" width="720" height="410"></canvas>')
       .appendTo '.ic-contributions-wrapper'
 
     contributionsBox = ($ '.js-yearly-contributions')