Permalink
Browse files

Merge pull request #710 from deanlandolt/master

a few dialer app fixes and tweaks
  • Loading branch information...
2 parents 2d34281 + ec40e14 commit 2d880b6c86d7671cfd01b64465d04182f5548aaf @etiennesegonzac etiennesegonzac committed Mar 4, 2012
Showing with 34 additions and 13 deletions.
  1. +8 −0 apps/dialer/js/contacts.js
  2. +26 −13 apps/dialer/style/dialer.css
@@ -229,6 +229,14 @@ var ContactDetails = {
_editing: false,
setup: function cd_setup() {
window.addEventListener('keyup', this, true);
+
+ // click outside details container to close
+ this.overlay.addEventListener('click', function(evt) {
+ ContactDetails.hide();
+ });
+ this.container.addEventListener('click', function(evt) {
+ evt.stopPropagation();
+ });
},
get overlay() {
delete this.overlay;
@@ -107,7 +107,7 @@ html * {
border-radius: 10px 10px 0 0;
- background: url(images/keypad-bg.png) center bottom no-repeat #F6F6F6;
+ background: url(images/keypad-bg.png) center bottom repeat-x #F6F6F6;
}
#views > .view {
@@ -369,8 +369,8 @@ html * {
/* === Contacts View === */
#contacts-view-scrollable {
+ overflow-y: scroll;
height: -moz-calc(100% - 7.5mozmm);
- overflow: scroll;
}
#contacts-container {
@@ -516,32 +516,32 @@ html * {
font-weight: 600;
font-size: 14px;
text-align: center;
+
+ cursor: default;
+ -moz-user-select: none;
}
/* === Contact detail View === */
#contacts-overlay {
position: absolute;
- top: -100%;
width: 100%;
height: 100%;
overflow: hidden;
- background-color: rgba(0, 0, 0, 0.6);
+ -moz-transition-property: background-color;
+ -moz-transition-duration: 1s;
- -moz-transition-property: -moz-transform;
- -moz-transition-duration: 0.30s;
- -moz-transition-timing-function: linear;
+ background-color: rgba(0, 0, 0, 0.6);
- -moz-transform: scale(0);
- z-index: 20;
+ z-index: -1;
}
#contacts-overlay.displayed {
- top: 0;
- -moz-transform: scale(1);
+ background-color: rgba(0, 0, 0, 0.6);
+ z-index: 20;
}
#contacts-overlay.hidden {
- -moz-transform: scale(0);
+ background-color: rgba(0, 0, 0, 0);
}
#contact-details-container {
@@ -558,6 +558,19 @@ html * {
background: url(images/app-texture.png) 50% 50%,
-moz-linear-gradient(bottom, hsla(0,0%,60%,1) 0,
hsla(0,0%,0%,.1) 1px, hsla(0,0%,0%,0) 30%, hsla(0,0%,0%,0) 100%), hsla(0,0%,96%,1);
+
+ -moz-transition-property: -moz-transform;
+ -moz-transition-duration: 0.30s;
+ -moz-transition-timing-function: linear;
+
+ -moz-transform: scale(0);
+}
+
+#contacts-overlay.displayed > #contact-details-container {
+ -moz-transform: scale(1);
+}
+#contacts-overlay.hidden > #contact-details-container {
+ -moz-transform: scale(0);
}
#contact-details-view {
@@ -1040,7 +1053,7 @@ html * {
/* === Recents === */
#recents-view {
- overflow: scroll;
+ overflow-y: scroll;
}
.recent {

0 comments on commit 2d880b6

Please sign in to comment.