tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 14:05:37 +02:00
Code Issues Projects Releases Wiki Activity

Merge pull request #4375 from jonom/3.2-site-tree-label-width

Browse Source 
Improved label clipping in site tree
This commit is contained in:
Ingo Schommer 2015-07-08 08:56:06 +12:00
commit 6ab151e8fa
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
admin/css/screen.css
View File

@ -862,8 +862,8 @@ form.import-form label.left { width: 250px; }
.jstree-apple a { border-radius: 3px; } .jstree-apple a { border-radius: 3px; }
/* ensure status is visible in sidebar */ /* ensure status is visible in sidebar */
.cms-content-tools .cms-tree.jstree li { min-width: 159px; } .cms-content-tools .cms-tree.jstree li { min-width: 187px; }
.cms-content-tools .cms-tree.jstree a { overflow: hidden; display: block; position: relative; } .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 { 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; } .cms-content-tools .cms-tree.jstree span.badge:hover { max-width: 150px; }

3
admin/scss/_tree.scss
View File

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