You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@couchdb.apache.org by be...@apache.org on 2015/03/31 03:11:54 UTC
fauxton commit: updated refs/heads/master to b671e75
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 <be...@gmail.com>
Authored: Mon Mar 23 16:07:47 2015 -0700
Committer: Ben Keen <be...@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>