couchdb-commits mailing list archives

Author: cmlenz
Date: Tue Jul 21 12:15:36 2009
New Revision: 796269

URL: http://svn.apache.org/viewvc?rev=796269&view=rev
Log:
Avoid wrapping of long database names in the Futon sidebar.

Modified:
    couchdb/trunk/share/www/script/futon.js
    couchdb/trunk/share/www/style/layout.css

Modified: couchdb/trunk/share/www/script/futon.js
URL: http://svn.apache.org/viewvc/couchdb/trunk/share/www/script/futon.js?rev=796269&r1=796268&r2=796269&view=diff
==============================================================================
--- couchdb/trunk/share/www/script/futon.js (original)
+++ couchdb/trunk/share/www/script/futon.js Tue Jul 21 12:15:36 2009
@@ -65,9 +65,9 @@
       recentDbs.sort();
       $.each(recentDbs, function(idx, name) {
         if (name) {
-          $("#dbs").append("<li><a href='database.html?" +
-            encodeURIComponent(name) + "'>" + name +
+          $("#dbs").append("<li>" +
             "<button class='remove' title='Remove from list' value='" + name + "'></button>"
+
+            "<a href='database.html?" + encodeURIComponent(name) + "'>" + name +
             "</a></li>");
         }
       });

Modified: couchdb/trunk/share/www/style/layout.css
URL: http://svn.apache.org/viewvc/couchdb/trunk/share/www/style/layout.css?rev=796269&r1=796268&r2=796269&view=diff
==============================================================================
--- couchdb/trunk/share/www/style/layout.css (original)
+++ couchdb/trunk/share/www/style/layout.css Tue Jul 21 12:15:36 2009
@@ -160,8 +160,8 @@
 #logo { padding: 20px 18px; }
 
 #nav { color: #333; font-size: 110%; font-weight: bold; list-style: none;
-  margin: 0; overflow: auto; padding: 0; position: absolute; top: 185px;
-  bottom: 20px; right: 0; width: 210px;
+  margin: 0; overflow: auto; overflow-x: hidden; padding: 0;
+  position: absolute; top: 185px; bottom: 20px; right: 0; width: 210px;
 }
 #nav ul { list-style: none; margin: 0; padding: 0; }
 #nav li { color: #999; margin: 5px 0 0; padding: 3px 0; }
@@ -173,7 +173,7 @@
 #nav li li:hover { background: #e4e4e4; }
 #nav li.selected li:hover { background: #d7d7d7; }
 #nav li li :link, #nav li li :visited { color: #333; display: block;
-  text-decoration: none;
+  overflow: hidden; text-decoration: none; text-overflow: ellipsis;
 }
 #nav li li :link:hover, #nav li li :visited:hover { color: #000; }
 #nav li li :link:focus, #nav li li :visited:focus { outline: none; }
@@ -185,8 +185,8 @@
   color: #fff;
 }
 #nav li button { background: transparent 0 0 no-repeat; border: none;
-  cursor: pointer; width: 15px; height: 15px; margin-left: .5em;
-  vertical-align: top;
+  cursor: pointer; width: 15px; height: 15px; margin-left: -20px;
+  position: absolute; vertical-align: top;
 }
 #nav li li:hover button.remove {
   background-image: url(../image/delete-mini.png);