couchdb-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From benk...@apache.org
Subject fauxton commit: updated refs/heads/master to b671e75
Date Tue, 31 Mar 2015 01:11:54 GMT
Repository: couchdb-fauxton
Updated Branches:
  refs/heads/master 74b22915a -> b671e75a3


Design doc names truncated in sidebar

Long design doc names displayed in the sidebar of the Docs page would
overlap with the rightmost ("+") icon. This truncates them with an
ellipsis and adds a tooltip (just a title attr) to provide a means to
let user see the full design doc name.


Project: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/repo
Commit: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/commit/b671e75a
Tree: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/tree/b671e75a
Diff: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/diff/b671e75a

Branch: refs/heads/master
Commit: b671e75a39eee1838d6f396f5a448d47e6adec35
Parents: 74b2291
Author: Ben Keen <ben.keen@gmail.com>
Authored: Mon Mar 23 16:07:47 2015 -0700
Committer: Ben Keen <ben.keen@gmail.com>
Committed: Mon Mar 30 18:14:05 2015 -0700

----------------------------------------------------------------------
 .../databases/tests/nightwatch/checkDatabaseTooltip.js   |  4 ++--
 app/addons/documents/assets/less/sidenav.less            | 11 +++++++++--
 app/addons/documents/templates/design_doc_menu.html      |  4 ++--
 3 files changed, 13 insertions(+), 6 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/b671e75a/app/addons/databases/tests/nightwatch/checkDatabaseTooltip.js
----------------------------------------------------------------------
diff --git a/app/addons/databases/tests/nightwatch/checkDatabaseTooltip.js b/app/addons/databases/tests/nightwatch/checkDatabaseTooltip.js
index ab2fd17..5c6c121 100644
--- a/app/addons/databases/tests/nightwatch/checkDatabaseTooltip.js
+++ b/app/addons/databases/tests/nightwatch/checkDatabaseTooltip.js
@@ -33,8 +33,8 @@ module.exports = {
       .clickWhenVisible('label[for="checkbox-' + newDocumentName + '"]', waitTime, false)
       .clickWhenVisible('.control-delete', waitTime, false)
       .acceptAlert()
-      .waitForElementVisible('.alert.alert-info', waitTime, false)
-      .click('#nav-links a[href="#/_all_dbs"]')
+      .waitForElementVisible('#global-notifications .alert.alert-info', waitTime, false)
+      .clickWhenVisible('#nav-links a[href="#/_all_dbs"]')
 
       // now let's look at the actual UI to confirm the tooltip appears
       .waitForElementPresent('.js-db-graveyard', waitTime, false)

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/b671e75a/app/addons/documents/assets/less/sidenav.less
----------------------------------------------------------------------
diff --git a/app/addons/documents/assets/less/sidenav.less b/app/addons/documents/assets/less/sidenav.less
index 588a680..e75a7f6 100644
--- a/app/addons/documents/assets/less/sidenav.less
+++ b/app/addons/documents/assets/less/sidenav.less
@@ -84,10 +84,17 @@
       .accordion-list-item p{
         .transition(all 0.25s linear);
       }
-      .accordion-list-item p{
+      .design-doc-name {
+        cursor: pointer;
         margin: 0;
-        padding: 10px 13px 10px 36px;
         color: @linkColor;
+        span {
+          width: @sidebarWidth - 30px;
+          display: block;
+          padding: 10px 13px 10px 36px;
+          text-overflow: ellipsis;
+          overflow: hidden;
+        }
       }
       .fonticon-play{
         font-size: 12px;

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/b671e75a/app/addons/documents/templates/design_doc_menu.html
----------------------------------------------------------------------
diff --git a/app/addons/documents/templates/design_doc_menu.html b/app/addons/documents/templates/design_doc_menu.html
index 120c553..eea0b9a 100644
--- a/app/addons/documents/templates/design_doc_menu.html
+++ b/app/addons/documents/templates/design_doc_menu.html
@@ -13,10 +13,10 @@ the License.
 -->
 <li class="nav-header">
 
-<div  class="js-collapse-toggle accordion-header" data-toggle="collapse" data-target="#<%-
ddoc_clean %>" id="nav-header-<%- ddoc_clean %>" >
+<div class="js-collapse-toggle accordion-header" data-toggle="collapse" data-target="#<%-
ddoc_clean %>" id="nav-header-<%- ddoc_clean %>" >
   <div class="accordion-list-item">
     <div class="fonticon-play"></div>
-    <p>_design/<%- designDoc%></p>
+    <p class="design-doc-name"><span title="_design/<%- designDoc%>">_design/<%-
designDoc%></span></p>
   </div>
   <div class="new-button add-dropdown"></div>
 </div>


Mime
View raw message