Merge pull request mozilla-b2g#2087 from alivedise/fix-modal-dialog-f…

…or-hvga [F] modal dialog for hvga
lambdabaa · Jun 29, 2012 · 72bbd82 · 72bbd82
2 parents bd892f4 + f8e1a60
commit 72bbd82
Showing 1 changed file with 44 additions and 13 deletions.
diff --git a/apps/system/style/modal_dialog/modal_dialog.css b/apps/system/style/modal_dialog/modal_dialog.css
@@ -39,9 +39,9 @@
 }
 
 #modal-dialog-prompt input {
-  border-radius: 3px 3px 3px 3px;
-  height: 60px;
-  font-size: 30px;
+  border-radius: 2px 2px 2px 2px;
+  height: 40px;
+  font-size: 20px;
   width: 100%;
   color: black;
   -moz-box-sizing: border-box;
@@ -52,9 +52,9 @@
   width: 100%;
   color: white;
   padding: 1em;
-  min-height: 30px;
-  border-radius: 6px 6px 0 0;
-  font-size: 25px;
+  min-height: 20px;
+  border-radius: 4px 4px 0 0;
+  font-size: 15px;
   -moz-box-sizing: border-box;
 }
 
@@ -64,17 +64,48 @@
 
 #modal-dialog button {
   text-align: left;
-  width: 200px;
-  height: 60px;
+  width: 133px;
+  height: 40px;
   background: white;
   color: black;
-  font-size: 30px;
-  border-radius: 6px 6px 6px 6px;
-  margin: 3px;
+  font-size: 20px;
+  border-radius: 4px 4px 4px 4px;
+  margin: 2px;
 }
 
-#modal-dialog button:active {
-  background: #eee;
+/* 480x800 phones */
+@media (orientation: portrait) and (width: 480px),
+       (orientation: landscape) and (width: 800px) {
+  #modal-dialog button {
+    text-align: left;
+    width: 200px;
+    height: 60px;
+    background: white;
+    color: black;
+    font-size: 30px;
+    border-radius: 6px 6px 6px 6px;
+    margin: 3px;
+  }
+
+  #modal-dialog-prompt input {
+    border-radius: 3px 3px 3px 3px;
+    height: 60px;
+    font-size: 30px;
+    width: 100%;
+    color: black;
+    -moz-box-sizing: border-box;
+  }
+
+  .modal-dialog-message-container {
+    text-align: left;
+    width: 100%;
+    color: white;
+    padding: 1em;
+    min-height: 30px;
+    border-radius: 6px 6px 0 0;
+    font-size: 25px;
+    -moz-box-sizing: border-box;
+  }
 }
 
 /* remove ugly dotted outline when focus */