Improved label clipping in site tree

Deeply nested site tree nodes show a few more characters and any clipped text in labels is marked as such (fixes https://github.com/silverstripe/silverstripe-cms/issues/1235)
This commit is contained in:
Jonathon Menz 2015-07-07 08:58:18 -07:00
parent aef8073037
commit 2a9e7087eb
2 changed files with 4 additions and 3 deletions

View File

@ -862,8 +862,8 @@ form.import-form label.left { width: 250px; }
.jstree-apple a { border-radius: 3px; }
/* ensure status is visible in sidebar */
.cms-content-tools .cms-tree.jstree li { min-width: 159px; }
.cms-content-tools .cms-tree.jstree a { overflow: hidden; display: block; position: relative; }
.cms-content-tools .cms-tree.jstree li { min-width: 187px; }
.cms-content-tools .cms-tree.jstree a { overflow: hidden; text-overflow: ellipsis; display: block; position: relative; }
.cms-content-tools .cms-tree.jstree span.badge { position: absolute; top: 0; right: 0; padding: 7px 9px 6px 5px; margin: 0; max-width: 40%; -moz-transition: max-width 0.75s linear; -o-transition: max-width 0.75s linear; -webkit-transition: max-width 0.75s linear; transition: max-width 0.75s linear; }
.cms-content-tools .cms-tree.jstree span.badge:hover { max-width: 150px; }

View File

@ -610,10 +610,11 @@
/* ensure status is visible in sidebar */
.cms-content-tools .cms-tree.jstree {
li {
min-width: 159px;
min-width: 187px;
}
a {
overflow: hidden;
text-overflow: ellipsis;
display: block;
position: relative;
}