Skip to content
This repository was archived by the owner on Sep 16, 2021. It is now read-only.

Commit 08a20c3

Browse files
committed
use css to hide overlong labels in tree, after suggestion from @ivan1986
1 parent be60774 commit 08a20c3

File tree

2 files changed

+14
-6
lines changed

2 files changed

+14
-6
lines changed

Resources/public/css/style.css

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,12 @@
1-
#tree_dialog {
2-
width: 100%;
3-
height: 100%;
4-
margin: 0;
5-
padding: 0;
6-
}
1+
.jstree a {
2+
width: 95%;
3+
width: calc(100% - 20px);
4+
overflow-x: hidden;
5+
text-overflow: ellipsis;
6+
margin-bottom: -5px;
7+
}
8+
9+
.jstree a:hover {
10+
width: auto;
11+
overflow-x: visible;
12+
}

Resources/views/Base/tree.html.twig

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,3 +6,5 @@
66

77
<script src="{{ asset('bundles/cmftreebrowser/js/admin_tree.js') }}" type="text/javascript"></script>
88
<script src="{{ asset('bundles/cmftreebrowser/js/select_tree.js') }}" type="text/javascript"></script>
9+
10+
<link rel="stylesheet" href="{{ asset('bundles/cmftreebrowser/css/style.css') }}" type="text/css" media="all"/>

0 commit comments

Comments
 (0)