Experimental tabbed interface in Futon document view to switch between tabular fields display and a raw JSON display.

git-svn-id: https://svn.apache.org/repos/asf/incubator/couchdb/trunk@681878 13f79535-47bb-0310-9956-ffa450edef68

1 files changed, 17 insertions, 1 deletions

diff --git a/share/www/style/layout.css b/share/www/style/layout.css
index 2ff012c7..3ea1cbcf 100644
--- a/share/www/style/layout.css
+++ b/share/www/style/layout.css
@@ -315,9 +315,22 @@ ul.suggest-dropdown li.selected { cursor: pointer; background: Highlight;
 }
 #documents tbody.content td.value { font-size: 10px; }
 
+/* Document display tabs */
+
+#tabs { float: right; list-style: none; margin: -1.4em 0 0; }
+#tabs li { display: inline; font-size: 95%; padding: 0; }
+#tabs li.active { font-weight: bold; }
+#tabs :link, #tabs :visited { background: #dadada; color: #666;
+  border: 1px solid #a7a7a7; float: left; margin: 0 0 0 .5em;
+  padding: .5em 2em .3em; position: relative; top: 1px;
+}
+#tabs .active :link, #tabs .active :visited { background: #e9e9e9;
+  border-bottom-color: #e9e9e9; color: #333;
+}
+
 /* Document fields table */
 
-#fields { table-layout: fixed; }
+#fields { clear: right; table-layout: fixed; }
 #fields col.field { width: 33%; }
 #fields tbody.content th { padding-left: 25px; padding-right: 48px; }
 #fields tbody.content th button {
@@ -400,6 +413,9 @@ ul.suggest-dropdown li.selected { cursor: pointer; background: Highlight;
 #fields tbody.content td ul.attachments li button.delete {
   background-image: url(../image/delete-mini.gif);
 }
+#fields tbody.source td code { display: block; overflow: auto;
+  white-space: pre-wrap; width: 100%;
+}
 
 /* Test suite */