Bug 523788: Change the UI of describecomponents.cgi (the "Browse" interface) so that it's clearer and easier to use when browsing.

Patch by Max Kanat-Alexander <mkanat@bugzilla.org> r=LpSolit, a=LpSolit

3 files changed, 94 insertions, 0 deletions

diff --git a/skins/contrib/Dusk/.cvsignore b/skins/contrib/Dusk/.cvsignore
index f1761a004..0cbfb97f0 100644
--- a/skins/contrib/Dusk/.cvsignore
+++ b/skins/contrib/Dusk/.cvsignore
@@ -9,6 +9,7 @@ help.css
 panel.css
 params.css
 release-notes.css
+reports.css
 show_bug.css
 show_multiple.css
 summarize-time.css
diff --git a/skins/standard/IE-fixes.css b/skins/standard/IE-fixes.css
index bfd525ba2..f7e95f990 100755..100644
--- a/skins/standard/IE-fixes.css
+++ b/skins/standard/IE-fixes.css
@@ -18,6 +18,10 @@
      word-wrap: break-word;
 }
 
+.component_table {
+    margin-top: .5em;
+}
+
 #footer #useful-links li {
     padding-bottom: 0.8ex;
 }
diff --git a/skins/standard/reports.css b/skins/standard/reports.css
new file mode 100644
index 000000000..1856bd96e
--- /dev/null
+++ b/skins/standard/reports.css
@@ -0,0 +1,89 @@
+/* The contents of this file are subject to the Mozilla Public
+  * License Version 1.1 (the "License"); you may not use this file
+  * except in compliance with the License. You may obtain a copy of
+  * the License at http://www.mozilla.org/MPL/
+  *
+  * Software distributed under the License is distributed on an "AS
+  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
+  * implied. See the License for the specific language governing
+  * rights and limitations under the License.
+  *
+  * The Original Code is the Bugzilla Bug Tracking System.
+  *
+  * The Initial Developer of the Original Code is Everything Solved, 
+  * Inc. Portions created by the Initial Developer are Copyright (C)
+  * 2009 the Initial Developer. All Rights Reserved.
+  *
+  * Contributor(s): 
+  *   Max Kanat-Alexander <mkanat@bugzilla.org>
+  */
+
+/* describecomponents.cgi */
+
+#components_header_table {
+  margin-bottom: 1em;
+}
+
+.product_container {
+  width: 65%;
+}
+
+.product_name {
+  margin: 0;
+}
+
+.product_desc {
+  /* This is padding instead of margin because it looks better 
+   * with the scrollbar. */
+  padding: 0 2em;
+  font-style: italic;
+  max-height: 5em;
+  overflow: auto;
+}
+
+.instructions {
+  font-weight: bold;
+  font-size: 105%;
+  padding-right: 1em;
+}
+
+.components_header {
+  margin: 0;
+  font-size: 140%;
+}
+
+.component_table {
+  margin-top: -1em;
+  margin-left: 2em;
+}
+
+.component_table thead th {
+  padding-right: 1em;
+  vertical-align: bottom;
+  text-align: left;
+}
+
+.component_table td {
+  border-bottom: 1px dotted gray;
+}
+
+.component_table td.component_assignee,
+.component_table td.component_qa_contact
+{
+  border: none;
+  padding-top: .5em;
+}
+
+.component_name {
+  font-size: 115%;
+  font-weight: bold;
+  padding-right: 1em;
+  vertical-align: middle;
+  min-width: 8em;
+}
+
+.component_description {
+  padding-bottom: .5em;
+  color: #333;
+}
+