Permalink
Browse files

Merge pull request #7 from matthojo/ui-tests

UI enlargement
  • Loading branch information...
2 parents 8eb6e3d + 048459a commit 01f95bf8c9e9a47f54cc2b1368cca4ec32a59046 @robhawkes committed Sep 27, 2012
@@ -4,7 +4,7 @@
const GridManager = (function() {
var container;
- var windowWidth = window.innerWidth * .50;
+ var windowWidth = window.innerWidth * .73;
var thresholdForPanning = window.innerWidth / 4;
var thresholdForTapping = 10;
@@ -53,8 +53,8 @@ Icon.prototype = {
// Image
var canvas = document.createElement('canvas');
canvas.setAttribute('role', 'presentation');
- canvas.width = 68;
- canvas.height = 68;
+ canvas.width = 74;
+ canvas.height = 74;
icon.appendChild(canvas);
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -16,7 +16,7 @@
}
.apps > div.page{
- transition: all 100ms ease-in-out;
+ transition: all 100ms ease-in-out;
}
.apps > div[data-current-page] {
@@ -33,7 +33,7 @@ body[data-transitioning] .apps > div {
}
.apps ol {
- width: -moz-calc(4 * 15rem);
+ width: -moz-calc(4 * 21rem);
padding: 0;
list-style-type: none;
display: block;
@@ -43,8 +43,8 @@ body[data-transitioning] .apps > div {
.apps ol > li {
position: relative;
- width: 14rem;
- height: 10.5rem;
+ width: 20rem;
+ height: 14rem;
display: inline-block;
float: left;
text-align: center;
@@ -101,6 +101,9 @@ body[data-transitioning] .apps > div {
position: relative;
pointer-events: none; /* NO touchable area */
}
+.apps ol > li > div > canvas{
+ margin-top: 3rem;
+}
/* Handling the case where the status bar is double size */
/* XXX remove when the homescreen layout gets more dynamic */
@@ -46,8 +46,8 @@ section,footer,nav,a,img {
#paginationBar > .paginationScroller {
width: 100%;
height: 100%;
- font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
- font-weight: 300;
+ font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+ font-weight: 100;
font-size: 3rem;
-moz-transition: -moz-transform .35s ease;
visibility: hidden;
@@ -56,7 +56,7 @@ section,footer,nav,a,img {
#paginationBar > .paginationScroller > span[data-current] {
color: #DBDBDB;
- font-weight: 500;
+ font-weight: 400;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
-moz-animation-name: glow;
-moz-animation-duration: 0.5s;

0 comments on commit 01f95bf

Please sign in to comment.