Bug 1096798: prototype modal show_bug view

2 files changed, 54 insertions, 214 deletions

diff --git a/skins/contrib/Mozilla-OpenSans/global.css b/skins/contrib/Mozilla-OpenSans/global.css
index d498ef82f..8fd7d64a7 100644
--- a/skins/contrib/Mozilla-OpenSans/global.css
+++ b/skins/contrib/Mozilla-OpenSans/global.css
@@ -81,7 +81,7 @@ a:hover, #header a:hover, #footer a:hover {
 }
 
 select[multiple], textarea, input[type=text], input[type=password],
-input[type=email], input[type=url], input:not([type]), .text_input, .yui-ac-input {
+input[type=email], input[type=url], input[type=number], input:not([type]), .text_input, .yui-ac-input {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
@@ -481,19 +481,19 @@ table.edit_form hr {
 }
 
 .bz_comment_user a {
-    -moz-transition: all 0.25s linear 0s;
-    -webkit-transition: all 0.25s linear 0s;
-    transition: all 0.25s linear 0s;
-    transition: all 0.25s linear 0s;
+    -moz-transition: all 100ms linear 0s;
+    -webkit-transition: all 100ms linear 0s;
+    transition: all 100ms linear 0s;
+    transition: all 100ms linear 0s;
     color: #0095dd;
     padding: 0px;
     margin: 0px;
 }
 
 .bz_comment_user a:hover {
-    -moz-transition: all 0.25s linear 0s;
-    -webkit-transition: all 0.25s linear 0s;
-    transition: all 0.25s linear 0s;
+    -moz-transition: all 100ms linear 0s;
+    -webkit-transition: all 100ms linear 0s;
+    transition: all 100ms linear 0s;
     background: #fff;
     border: none;
     text-decoration: none;
@@ -654,6 +654,16 @@ table.edit_form hr {
     color: #bbb;
     width: auto;
     margin-bottom: 1em;
+    margin-left: 6px;
+}
+
+#links-actions {
+    margin-left: -10px;
+}
+
+#footer form input {
+    padding: 1px 2px;
+    margin-top: 3px;
 }
 
 #privacy-policy {
@@ -665,9 +675,9 @@ button, input[type=submit], input[type=button], #commit, #commit_top, #header .b
     background-image: -moz-linear-gradient(#43a6e2,#277ac1);
     background-image: -webkit-linear-gradient(#43a6e2,#277ac1);
     background-image: linear-gradient(#43a6e2,#277ac1);
-    -moz-transition: all linear 0.25s;
-    -webkit-transition: all linear 0.25s;
-    transition: all linear 0.25s;
+    -moz-transition: all linear 100ms;
+    -webkit-transition: all linear 100ms;
+    transition: all linear 100ms;
     border-radius: .25em;
     border: 0px none;
     box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3);
@@ -686,18 +696,18 @@ button:hover, input[type=submit]:hover, input[type=button]:hover, #commit:hover,
     -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed;
     -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed;
     box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed;
-    -moz-transition: all linear 0.25s;
-    -webkit-transition: all linear 0.25s;
-    transition: all linear 0.25s;
+    -moz-transition: all linear 100ms;
+    -webkit-transition: all linear 100ms;
+    transition: all linear 100ms;
 }
 
 button:active, input[type=submit]:active, input[type=button]:active, #commit:active, #commit_top:active, #header .btn:active, #header input[type=submit]:active  {
     -webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2);
     box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2);
-    -moz-transition: all linear 0.25s;
-    -webkit-transition: all linear 0.25s;
-    transition: all linear 0.25s;
+    -moz-transition: all linear 100ms;
+    -webkit-transition: all linear 100ms;
+    transition: all linear 100ms;
 }
 
 button[disabled], input[type=submit][disabled], input[type=button][disabled], button[disabled]:hover, input[type=submit][disabled]:hover, input[type=button][disabled]:hover, button[disabled]:active, input[type=submit][disabled]:active, input[type=button][disabled]:active {
@@ -787,93 +797,3 @@ table.tabs {
 #summary_field.search_field_row input {
     padding-bottom: 6px;
 }
-
-/* Smaller than standard 990 (devices and browsers) */
-@media only screen and (max-width: 989px) {
-    #header .links {
-        float: none;
-    }
-}
-
-/* Tablet Portrait size to standard 990 */
-@media only screen and (min-width: 768px) and (max-width: 989px) {
-    body {
-        min-width: 768px;
-    }
-
-    #header .wrapper, #bugzilla-body {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        min-width: 768px;
-    }
-
-    #footer > * {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        min-width: 768px;
-    }
-}
-
-/* All Mobile Sizes */
-@media only screen and (max-width: 767px) {
-    table.edit_form, table.edit_form > tbody > tr > td {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        display: block;
-        width: 100% !important;
-    }
-
-    .bz_column_spacer {
-        width: auto;
-        height: 20px;
-    }
-}
-
-
-
-/* Mobile Landscape Size to Tablet Portrait */
-@media only screen and (min-width: 480px) and (max-width: 767px) {
-    body {
-        min-width: 480px;
-    }
-
-    #header .wrapper, #bugzilla-body, #attachment_table,
-    .bz_comment, #add_comment > table, #comment {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        width: 480px !important;
-    }
-
-    #footer > * {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        width: 480px;
-    }
-}
-
-/* Mobile Portrait Size to Mobile Landscape Size */
-@media only screen and (max-width: 479px) {
-    body {
-        min-width: 100%;
-    }
-
-    #header .wrapper, #bugzilla-body, #attachment_table,
-    .bz_comment, #add_comment > table, #comment {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        width: 100% !important;
-    }
-
-    #footer > * {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        width: 100%;
-    }
-}
diff --git a/skins/contrib/Mozilla/global.css b/skins/contrib/Mozilla/global.css
index cd88d4dd8..be5755e95 100644
--- a/skins/contrib/Mozilla/global.css
+++ b/skins/contrib/Mozilla/global.css
@@ -124,7 +124,7 @@ a:hover, #header a:hover, #footer a:hover {
 }
 
 select[multiple], textarea, input[type=text], input[type=password],
-input[type=email], input[type=url], input:not([type]), .text_input, .yui-ac-input {
+input[type=email], input[type=url], input[type=number], input:not([type]), .text_input, .yui-ac-input {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
@@ -524,19 +524,19 @@ table.edit_form hr {
 }
 
 .bz_comment_user a {
-    -moz-transition: all 0.25s linear 0s;
-    -webkit-transition: all 0.25s linear 0s;
-    transition: all 0.25s linear 0s;
-    transition: all 0.25s linear 0s;
+    -moz-transition: all 100ms linear 0s;
+    -webkit-transition: all 100ms linear 0s;
+    transition: all 100ms linear 0s;
+    transition: all 100ms linear 0s;
     color: #0095dd;
     padding: 0px;
     margin: 0px;
 }
 
 .bz_comment_user a:hover {
-    -moz-transition: all 0.25s linear 0s;
-    -webkit-transition: all 0.25s linear 0s;
-    transition: all 0.25s linear 0s;
+    -moz-transition: all 100ms linear 0s;
+    -webkit-transition: all 100ms linear 0s;
+    transition: all 100ms linear 0s;
     background: #fff;
     border: none;
     text-decoration: none;
@@ -697,6 +697,16 @@ table.edit_form hr {
     color: #bbb;
     width: auto;
     margin-bottom: 1em;
+    margin-left: 6px;
+}
+
+#links-actions, #links-saved {
+    margin-left: -10px;
+}
+
+#footer form input {
+    padding: 1px 2px;
+    margin-top: 3px;
 }
 
 #privacy-policy {
@@ -708,9 +718,9 @@ button, input[type=submit], input[type=button], #commit, #commit_top, #header .b
     background-image: -moz-linear-gradient(#43a6e2,#277ac1);
     background-image: -webkit-linear-gradient(#43a6e2,#277ac1);
     background-image: linear-gradient(#43a6e2,#277ac1);
-    -moz-transition: all linear 0.25s;
-    -webkit-transition: all linear 0.25s;
-    transition: all linear 0.25s;
+    -moz-transition: all linear 100ms;
+    -webkit-transition: all linear 100ms;
+    transition: all linear 100ms;
     border-radius: .25em;
     border: 0px none;
     box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3);
@@ -729,18 +739,18 @@ button:hover, input[type=submit]:hover, input[type=button]:hover, #commit:hover,
     -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed;
     -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed;
     box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed;
-    -moz-transition: all linear 0.25s;
-    -webkit-transition: all linear 0.25s;
-    transition: all linear 0.25s;
+    -moz-transition: all linear 100ms;
+    -webkit-transition: all linear 100ms;
+    transition: all linear 100ms;
 }
 
 button:active, input[type=submit]:active, input[type=button]:active, #commit:active, #commit_top:active, #header .btn:active, #header input[type=submit]:active  {
     -webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2);
     box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2);
-    -moz-transition: all linear 0.25s;
-    -webkit-transition: all linear 0.25s;
-    transition: all linear 0.25s;
+    -moz-transition: all linear 100ms;
+    -webkit-transition: all linear 100ms;
+    transition: all linear 100ms;
 }
 
 button[disabled], input[type=submit][disabled], input[type=button][disabled], button[disabled]:hover, input[type=submit][disabled]:hover, input[type=button][disabled]:hover, button[disabled]:active, input[type=submit][disabled]:active, input[type=button][disabled]:active {
@@ -830,93 +840,3 @@ table.tabs {
 #summary_field.search_field_row input {
     padding-bottom: 6px;
 }
-
-/* Smaller than standard 990 (devices and browsers) */
-@media only screen and (max-width: 989px) {
-    #header .links {
-        float: none;
-    }
-}
-
-/* Tablet Portrait size to standard 990 */
-@media only screen and (min-width: 768px) and (max-width: 989px) {
-    body {
-        min-width: 768px;
-    }
-
-    #header .wrapper, #bugzilla-body {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        min-width: 768px;
-    }
-
-    #footer > * {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        min-width: 768px;
-    }
-}
-
-/* All Mobile Sizes */
-@media only screen and (max-width: 767px) {
-    table.edit_form, table.edit_form > tbody > tr > td {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        display: block;
-        width: 100% !important;
-    }
-
-    .bz_column_spacer {
-        width: auto;
-        height: 20px;
-    }
-}
-
-
-
-/* Mobile Landscape Size to Tablet Portrait */
-@media only screen and (min-width: 480px) and (max-width: 767px) {
-    body {
-        min-width: 480px;
-    }
-
-    #header .wrapper, #bugzilla-body, #attachment_table,
-    .bz_comment, #add_comment > table, #comment {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        width: 480px !important;
-    }
-
-    #footer > * {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        width: 480px;
-    }
-}
-
-/* Mobile Portrait Size to Mobile Landscape Size */
-@media only screen and (max-width: 479px) {
-    body {
-        min-width: 100%;
-    }
-
-    #header .wrapper, #bugzilla-body, #attachment_table,
-    .bz_comment, #add_comment > table, #comment {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        width: 100% !important;
-    }
-
-    #footer > * {
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box;
-        box-sizing: border-box;
-        width: 100%;
-    }
-}