Skip to content
Browse files

fix: the back button was not clickable since last fix.

  • Loading branch information...
1 parent 316d6d3 commit 0c3858e378a39452404cc2a01e61ec3de827add9 @steren steren committed Aug 9, 2012
Showing with 6 additions and 5 deletions.
  1. +1 −1 app/css/phone.blue.css
  2. +1 −1 app/css/phone.earth.css
  3. +1 −1 app/css/phone.gray.css
  4. +1 −1 app/css/phone.spicy.css
  5. +1 −1 app/css/phone.vegetal.css
  6. +1 −0 app/less/phone.less
View
2 app/css/phone.blue.css
@@ -36,7 +36,7 @@ img{max-width:100%;}
body{font-size:15 px;}
header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:5em;background-size:100% auto;width:100%;position:relative;z-index:10;pointer-events:none;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#4b6c8a), to(#2b3e4f));background-image:-webkit-linear-gradient(#4b6c8a, #2b3e4f);background-image:-moz-linear-gradient(#4b6c8a, #2b3e4f);background-image:-ms-linear-gradient(#4b6c8a, #2b3e4f);background-image:-o-linear-gradient(#4b6c8a, #2b3e4f);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24em;z-index:32;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(83, 135, 181, 0)), color-stop(0.4, rgba(83, 135, 181, 0.5)), color-stop(1, rgba(83, 135, 181, 0.4)));background-image:-webkit-linear-gradient(rgba(83, 135, 181, 0) 0, rgba(83, 135, 181, 0.5) 0.4, rgba(83, 135, 181, 0.4) 1);background-image:-moz-linear-gradient(to right, rgba(83, 135, 181, 0) 0%, rgba(83, 135, 181, 0.5) 40%, rgba(83, 135, 181, 0.4) 100%);background-image:-ms-linear-gradient(to right, rgba(83, 135, 181, 0) 0%, rgba(83, 135, 181, 0.5) 40%, rgba(83, 135, 181, 0.4) 100%);background-image:-o-linear-gradient(to right, rgba(83, 135, 181, 0) 0%, rgba(83, 135, 181, 0.5) 40%, rgba(83, 135, 181, 0.4) 100%);}
-#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
+#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;point-events:all;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
#toolbar{position:absolute;left:0;bottom:0;width:100%;z-index:2;padding-top:.6em;}#toolbar ul{list-style:none;padding:.2em 0;height:2.7em;background:#132738;-webkit-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-ms-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-o-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);border-top:solid thin #0f1f2d;}#toolbar ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#toolbar ul li{float:left;}#toolbar ul li a{display:block;background-color:#1c3953;-webkit-border-radius:0.15em;-moz-border-radius:0.15em;-ms-border-radius:0.15em;-o-border-radius:0.15em;border-radius:0.15em;text-align:center;height:2.7em;text-indent:-30000px;background-position:center center;background-repeat:no-repeat;position:relative;}#toolbar ul li a.photo{background-image:url(../images/phone-photo.png);}
View
2 app/css/phone.earth.css
@@ -36,7 +36,7 @@ img{max-width:100%;}
body{font-size:15 px;}
header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:5em;background-size:100% auto;width:100%;position:relative;z-index:10;pointer-events:none;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#c86438), to(#804024));background-image:-webkit-linear-gradient(#c86438, #804024);background-image:-moz-linear-gradient(#c86438, #804024);background-image:-ms-linear-gradient(#c86438, #804024);background-image:-o-linear-gradient(#c86438, #804024);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24em;z-index:32;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(221, 127, 85, 0)), color-stop(0.4, rgba(221, 127, 85, 0.5)), color-stop(1, rgba(221, 127, 85, 0.4)));background-image:-webkit-linear-gradient(rgba(221, 127, 85, 0) 0, rgba(221, 127, 85, 0.5) 0.4, rgba(221, 127, 85, 0.4) 1);background-image:-moz-linear-gradient(to right, rgba(221, 127, 85, 0) 0%, rgba(221, 127, 85, 0.5) 40%, rgba(221, 127, 85, 0.4) 100%);background-image:-ms-linear-gradient(to right, rgba(221, 127, 85, 0) 0%, rgba(221, 127, 85, 0.5) 40%, rgba(221, 127, 85, 0.4) 100%);background-image:-o-linear-gradient(to right, rgba(221, 127, 85, 0) 0%, rgba(221, 127, 85, 0.5) 40%, rgba(221, 127, 85, 0.4) 100%);}
-#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
+#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;point-events:all;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
#toolbar{position:absolute;left:0;bottom:0;width:100%;z-index:2;padding-top:.6em;}#toolbar ul{list-style:none;padding:.2em 0;height:2.7em;background:#67290e;-webkit-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-ms-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-o-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);border-top:solid thin #5a240c;}#toolbar ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#toolbar ul li{float:left;}#toolbar ul li a{display:block;background-color:#873612;-webkit-border-radius:0.15em;-moz-border-radius:0.15em;-ms-border-radius:0.15em;-o-border-radius:0.15em;border-radius:0.15em;text-align:center;height:2.7em;text-indent:-30000px;background-position:center center;background-repeat:no-repeat;position:relative;}#toolbar ul li a.photo{background-image:url(../images/phone-photo.png);}
View
2 app/css/phone.gray.css
@@ -36,7 +36,7 @@ img{max-width:100%;}
body{font-size:15 px;}
header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:5em;background-size:100% auto;width:100%;position:relative;z-index:10;pointer-events:none;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#555555), to(#272727));background-image:-webkit-linear-gradient(#555555, #272727);background-image:-moz-linear-gradient(#555555, #272727);background-image:-ms-linear-gradient(#555555, #272727);background-image:-o-linear-gradient(#555555, #272727);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24em;z-index:32;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(111, 111, 111, 0)), color-stop(0.4, rgba(111, 111, 111, 0.5)), color-stop(1, rgba(111, 111, 111, 0.4)));background-image:-webkit-linear-gradient(rgba(111, 111, 111, 0) 0, rgba(111, 111, 111, 0.5) 0.4, rgba(111, 111, 111, 0.4) 1);background-image:-moz-linear-gradient(to right, rgba(111, 111, 111, 0) 0%, rgba(111, 111, 111, 0.5) 40%, rgba(111, 111, 111, 0.4) 100%);background-image:-ms-linear-gradient(to right, rgba(111, 111, 111, 0) 0%, rgba(111, 111, 111, 0.5) 40%, rgba(111, 111, 111, 0.4) 100%);background-image:-o-linear-gradient(to right, rgba(111, 111, 111, 0) 0%, rgba(111, 111, 111, 0.5) 40%, rgba(111, 111, 111, 0.4) 100%);}
-#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
+#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;point-events:all;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
#toolbar{position:absolute;left:0;bottom:0;width:100%;z-index:2;padding-top:.6em;}#toolbar ul{list-style:none;padding:.2em 0;height:2.7em;background:#101010;-webkit-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-ms-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-o-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);border-top:solid thin #080808;}#toolbar ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#toolbar ul li{float:left;}#toolbar ul li a{display:block;background-color:#222222;-webkit-border-radius:0.15em;-moz-border-radius:0.15em;-ms-border-radius:0.15em;-o-border-radius:0.15em;border-radius:0.15em;text-align:center;height:2.7em;text-indent:-30000px;background-position:center center;background-repeat:no-repeat;position:relative;}#toolbar ul li a.photo{background-image:url(../images/phone-photo.png);}
View
2 app/css/phone.spicy.css
@@ -36,7 +36,7 @@ img{max-width:100%;}
body{font-size:15 px;}
header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:5em;background-size:100% auto;width:100%;position:relative;z-index:10;pointer-events:none;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#cb1717), to(#790d0d));background-image:-webkit-linear-gradient(#cb1717, #790d0d);background-image:-moz-linear-gradient(#cb1717, #790d0d);background-image:-ms-linear-gradient(#cb1717, #790d0d);background-image:-o-linear-gradient(#cb1717, #790d0d);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24em;z-index:32;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(243, 34, 34, 0)), color-stop(0.4, rgba(243, 34, 34, 0.5)), color-stop(1, rgba(243, 34, 34, 0.4)));background-image:-webkit-linear-gradient(rgba(243, 34, 34, 0) 0, rgba(243, 34, 34, 0.5) 0.4, rgba(243, 34, 34, 0.4) 1);background-image:-moz-linear-gradient(to right, rgba(243, 34, 34, 0) 0%, rgba(243, 34, 34, 0.5) 40%, rgba(243, 34, 34, 0.4) 100%);background-image:-ms-linear-gradient(to right, rgba(243, 34, 34, 0) 0%, rgba(243, 34, 34, 0.5) 40%, rgba(243, 34, 34, 0.4) 100%);background-image:-o-linear-gradient(to right, rgba(243, 34, 34, 0) 0%, rgba(243, 34, 34, 0.5) 40%, rgba(243, 34, 34, 0.4) 100%);}
-#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
+#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;point-events:all;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
#toolbar{position:absolute;left:0;bottom:0;width:100%;z-index:2;padding-top:.6em;}#toolbar ul{list-style:none;padding:.2em 0;height:2.7em;background:#580000;-webkit-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-ms-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-o-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);border-top:solid thin #490000;}#toolbar ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#toolbar ul li{float:left;}#toolbar ul li a{display:block;background-color:#7c0000;-webkit-border-radius:0.15em;-moz-border-radius:0.15em;-ms-border-radius:0.15em;-o-border-radius:0.15em;border-radius:0.15em;text-align:center;height:2.7em;text-indent:-30000px;background-position:center center;background-repeat:no-repeat;position:relative;}#toolbar ul li a.photo{background-image:url(../images/phone-photo.png);}
View
2 app/css/phone.vegetal.css
@@ -36,7 +36,7 @@ img{max-width:100%;}
body{font-size:15 px;}
header{background:url(../images/phone-shadow.png) no-repeat center 2.2em;padding-bottom:5em;background-size:100% auto;width:100%;position:relative;z-index:10;pointer-events:none;}header h1{background-image:-webkit-gradient(linear, left top, left bottom, from(#829133), to(#454d1b));background-image:-webkit-linear-gradient(#829133, #454d1b);background-image:-moz-linear-gradient(#829133, #454d1b);background-image:-ms-linear-gradient(#829133, #454d1b);background-image:-o-linear-gradient(#829133, #454d1b);position:absolute;z-index:30;left:0;top:0;width:100%;font-family:"HelveticaNeue-CondensedBold","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.3em;text-transform:uppercase;text-align:center;line-height:1em;padding:.4em 0;}header h1 span{display:block;position:relative;z-index:5;text-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
header>span{display:block;position:absolute;top:0;right:0;width:40%;height:2.24em;z-index:32;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(173, 195, 52, 0)), color-stop(0.4, rgba(173, 195, 52, 0.5)), color-stop(1, rgba(173, 195, 52, 0.4)));background-image:-webkit-linear-gradient(rgba(173, 195, 52, 0) 0, rgba(173, 195, 52, 0.5) 0.4, rgba(173, 195, 52, 0.4) 1);background-image:-moz-linear-gradient(to right, rgba(173, 195, 52, 0) 0%, rgba(173, 195, 52, 0.5) 40%, rgba(173, 195, 52, 0.4) 100%);background-image:-ms-linear-gradient(to right, rgba(173, 195, 52, 0) 0%, rgba(173, 195, 52, 0.5) 40%, rgba(173, 195, 52, 0.4) 100%);background-image:-o-linear-gradient(to right, rgba(173, 195, 52, 0) 0%, rgba(173, 195, 52, 0.5) 40%, rgba(173, 195, 52, 0.4) 100%);}
-#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;}
+#back{position:absolute;left:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-back.png) no-repeat center center;text-indent:-30000px;display:none;point-events:all;}
#refresh{position:absolute;right:0;top:0;width:3em;height:2.24em;overflow:hidden;z-index:35;background:transparent url(../images/phone-refresh.png) no-repeat center center;text-indent:-30000px;}
#toolbar{position:absolute;left:0;bottom:0;width:100%;z-index:2;padding-top:.6em;}#toolbar ul{list-style:none;padding:.2em 0;height:2.7em;background:#2b3109;-webkit-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-ms-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);-o-box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);box-shadow:0 -4px 12px rgba(0, 0, 0, 0.3);border-top:solid thin #202407;}#toolbar ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#toolbar ul li{float:left;}#toolbar ul li a{display:block;background-color:#454f0f;-webkit-border-radius:0.15em;-moz-border-radius:0.15em;-ms-border-radius:0.15em;-o-border-radius:0.15em;border-radius:0.15em;text-align:center;height:2.7em;text-indent:-30000px;background-position:center center;background-repeat:no-repeat;position:relative;}#toolbar ul li a.photo{background-image:url(../images/phone-photo.png);}
View
1 app/less/phone.less
@@ -82,6 +82,7 @@ header {
background: transparent url(../images/phone-back.png) no-repeat center center;
text-indent: -30000px;
display: none;
+ point-events: all;
}
// Refresh button

0 comments on commit 0c3858e

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