Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Merge pull request #7 from matthojo/ui-tests

UI enlargement
  • Loading branch information...
commit 01f95bf8c9e9a47f54cc2b1368cca4ec32a59046 2 parents 8eb6e3d + 048459a
Robin Hawkes authored September 27, 2012
2  apps/homescreen/js/grid.js
@@ -4,7 +4,7 @@
4 4
 const GridManager = (function() {
5 5
   var container;
6 6
 
7  
-  var windowWidth = window.innerWidth * .50;
  7
+  var windowWidth = window.innerWidth * .73;
8 8
   var thresholdForPanning = window.innerWidth / 4;
9 9
   var thresholdForTapping = 10;
10 10
 
4  apps/homescreen/js/page.js
@@ -53,8 +53,8 @@ Icon.prototype = {
53 53
     // Image
54 54
     var canvas = document.createElement('canvas');
55 55
     canvas.setAttribute('role', 'presentation');
56  
-    canvas.width = 68;
57  
-    canvas.height = 68;
  56
+    canvas.width = 74;
  57
+    canvas.height = 74;
58 58
 
59 59
     icon.appendChild(canvas);
60 60
 
BIN  apps/homescreen/resources/images/concept.png
11  apps/homescreen/style/grid.css
@@ -16,7 +16,7 @@
16 16
 }
17 17
 
18 18
 .apps > div.page{
19  
-	  transition: all 100ms ease-in-out;
  19
+	transition: all 100ms ease-in-out;
20 20
 }
21 21
 
22 22
 .apps > div[data-current-page] {
@@ -33,7 +33,7 @@ body[data-transitioning] .apps > div {
33 33
 }
34 34
 
35 35
 .apps ol {
36  
-  width: -moz-calc(4 * 15rem);
  36
+  width: -moz-calc(4 * 21rem);
37 37
   padding: 0;
38 38
   list-style-type: none;
39 39
   display: block;
@@ -43,8 +43,8 @@ body[data-transitioning] .apps > div {
43 43
 
44 44
 .apps ol > li {
45 45
   position: relative;
46  
-  width: 14rem;
47  
-  height: 10.5rem;
  46
+  width: 20rem;
  47
+  height: 14rem;
48 48
   display: inline-block;
49 49
   float: left;
50 50
   text-align: center;
@@ -101,6 +101,9 @@ body[data-transitioning] .apps > div {
101 101
   position: relative;
102 102
   pointer-events: none; /* NO touchable area */
103 103
 }
  104
+.apps ol > li > div > canvas{
  105
+	margin-top: 3rem;
  106
+}
104 107
 
105 108
 /* Handling the case where the status bar is double size */
106 109
 /* XXX remove when the homescreen layout gets more dynamic */
6  apps/homescreen/style/homescreen.css
@@ -46,8 +46,8 @@ section,footer,nav,a,img {
46 46
 #paginationBar > .paginationScroller {
47 47
   width: 100%;
48 48
   height: 100%;
49  
-  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
50  
-  font-weight: 300;
  49
+  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  50
+  font-weight: 100;
51 51
   font-size: 3rem;
52 52
   -moz-transition: -moz-transform .35s ease;
53 53
   visibility: hidden;
@@ -56,7 +56,7 @@ section,footer,nav,a,img {
56 56
 
57 57
 #paginationBar > .paginationScroller > span[data-current] {
58 58
     color: #DBDBDB;
59  
-    font-weight: 500;
  59
+    font-weight: 400;
60 60
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
61 61
     -moz-animation-name: glow;
62 62
     -moz-animation-duration: 0.5s;

0 notes on commit 01f95bf

Please sign in to comment.
Something went wrong with that request. Please try again.