Skip to content

Commit 7d8e446

Browse files
SeigerSeiger
committed
[FIX] Resources tree.
1 parent 12862bf commit 7d8e446

3 files changed

Lines changed: 149 additions & 89 deletions

File tree

‎manager/media/style/default/css/tree.css‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
#treeHolder .rootNode a { display: block; overflow: hidden; padding: 1em 1em 0.5em 1.25em; text-overflow: ellipsis; color: #333; cursor: pointer; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; font-weight: bold }
1616
#treeHolder .rootNode a .fa { margin-right: 0.5em }
1717
#treeHolder .rootNode .icon { display: none; }
18+
/* @deprecated start */
1819
#treeRoot { float: left; width: 100%; color: #333; }
1920
#treeRoot a { display: block; clear: both; overflow: hidden; text-decoration: none; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 2.5em !important; padding-right: 0; font-size: 1em; text-overflow: ellipsis; color: #333; cursor: default; -webkit-transition-duration: 0.15s; transition-duration: 0.15s }
2021
#treeRoot a:hover:not(.empty), #treeRoot a.current { background-color: rgba(33, 150, 243, 0.1) }
@@ -44,6 +45,36 @@
4445
#treeRoot .fa-folder, #treeRoot .fa-folder-open, #treeRoot .fa-folder-o, #treeRoot .fa-folder-open-o, #treeRoot .fa-exclamation-triangle { margin-top: 0.1em; text-align: left }
4546
#treeRoot .fa-link { margin-right: 0; font-size: 0.8em }
4647
#treeRoot #binFull { display: none }
48+
/* @deprecated end */
49+
.treeRoot { float: left; width: 100%; color: #333; }
50+
.treeRoot a { display: block; clear: both; overflow: hidden; text-decoration: none; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 2.5em !important; padding-right: 0; font-size: 1em; text-overflow: ellipsis; color: #333; cursor: default; -webkit-transition-duration: 0.15s; transition-duration: 0.15s }
51+
.treeRoot a:hover:not(.empty), .treeRoot a.current { background-color: rgba(33, 150, 243, 0.1) }
52+
.treeRoot a small { margin: 0 0.8em 0 0.2em }
53+
.treeRoot a.selected, .treeRoot .dragenter > a { background-color: rgba(0, 0, 0, 0.1); }
54+
.treeRoot a .title { padding: 0 0.2em; color: #0275d8; cursor: pointer; -webkit-transition-duration: 0.15s; transition-duration: 0.15s }
55+
.treeRoot a.deleted .title { color: #a52a2a; text-decoration: line-through; }
56+
.treeRoot a.unpublished .title { color: #b68282; font-style: italic; }
57+
.treeRoot a.hidemenu .title { color: #404040; }
58+
.treeRoot a.protected { position: relative; opacity: .5; background-color: transparent !important; }
59+
.treeRoot a .lockedResource { cursor: pointer; }
60+
.treeRoot a .editResource { margin-left: 0.2em }
61+
.treeRoot .indent { position: relative; z-index: -1; float: left; height: 1.5em; }
62+
.treeRoot .indent i { float: left; height: 1.2em; width: 1.5em }
63+
.treeRoot .dragafter > a .indent, .treeRoot .dragbefore > a .indent { z-index: 1; }
64+
.treeRoot .dragafter > a .indent::after, .treeRoot .dragbefore > a .indent::before { content: "\f0da"; display: block; position: absolute; right: 0.1em; bottom: -0.5em; height: 1em; font: bold 1em/1em 'Font Awesome 5 Free'; color: #f04 }
65+
.treeRoot .dragbefore > a .indent::before { bottom: auto; top: -0.5em; }
66+
.treeRoot .empty { color: #aaa; cursor: default; }
67+
.treeRoot .icon { cursor: pointer; -webkit-transition-duration: 0.15s; transition-duration: 0.15s }
68+
.treeRoot .icon:hover > .fa { color: #000 }
69+
.treeRoot .toggle { float: left; margin: 1px 0.2em 1px -1.5em; width: 1.3em; height: 1.3em; line-height: 1.4em; text-align: center; vertical-align: top; cursor: pointer; border-radius: 50%; -webkit-transition-duration: 0.15s; transition-duration: 0.15s }
70+
.treeRoot .toggle:hover { background-color: rgba(255, 255, 255, 0.5); }
71+
.treeRoot .toggle .fa { margin: 0; width: auto; }
72+
.treeRoot .fa, #treeHolder .rootNode .fa { margin-right: 1px; width: 1em; font-size: 1.08em; text-align: center; color: #565656; -webkit-transition-duration: 0.15s; transition-duration: 0.15s }
73+
.treeRoot a[data-private="1"] .icon::after { position: relative; float: left; margin: .5em -1em 0 0; content: "\f023"; font-family: 'Font Awesome 5 Free'; font-size: 0.75em; color: #d9534f; font-weight:600;}
74+
.treeRoot .fa-file, .treeRoot .fa-file-o, .treeRoot .fa-file-code, .treeRoot .fa-file-code-o { }
75+
.treeRoot .fa-folder, .treeRoot .fa-folder-open, .treeRoot .fa-folder-o, .treeRoot .fa-folder-open-o, .treeRoot .fa-exclamation-triangle { margin-top: 0.1em; text-align: left }
76+
.treeRoot .fa-link { margin-right: 0; font-size: 0.8em }
77+
.treeRoot #binFull { display: none }
4778
/* modes theme */
4879
/* lightness */
4980
.lightness #treeMenu { background-color: #e8e8e8 }
@@ -58,6 +89,7 @@
5889
.dark #tree .treeframebody, .darkness #tree .treeframebody { background-color: #202329; border-color: #2a2d33 }
5990
.dark #treeHolder .rootNode a, .darkness #treeHolder .rootNode a { color: #c5c5c5; }
6091
.dark #treeHolder .rootNode a:hover, .darkness #treeHolder .rootNode a:hover { color: #eee }
92+
/* @deprecated start */
6193
.dark #treeRoot, .darkness #treeRoot { color: #b3b3b3; }
6294
.dark #treeRoot a, .darkness #treeRoot a { color: #b3b3b3; }
6395
.dark #treeRoot a:hover:not(.empty), .dark #treeRoot a.current, .darkness #treeRoot a:hover:not(.empty), .darkness #treeRoot a.current { background-color: rgba(255, 255, 255, 0.15); }
@@ -74,6 +106,23 @@
74106
.dark #treeRoot a.deleted .title:hover, .darkness #treeRoot a.deleted .title:hover { color: #e23d3d }
75107
.dark #treeRoot .toggle:hover, .darkness #treeRoot .toggle:hover { background-color: rgba(255, 255, 255, 0.19); }
76108
.dark #treeRoot .fa, .dark #treeHolder .rootNode .fa, .darkness #treeRoot .fa, .darkness #treeHolder .rootNode .fa { color: #bcbec0; }
109+
/* @deprecated end */
110+
.dark .treeRoot, .darkness .treeRoot { color: #b3b3b3; }
111+
.dark .treeRoot a, .darkness .treeRoot a { color: #b3b3b3; }
112+
.dark .treeRoot a:hover:not(.empty), .dark .treeRoot a.current, .darkness .treeRoot a:hover:not(.empty), .darkness .treeRoot a.current { background-color: rgba(255, 255, 255, 0.15); }
113+
.dark .treeRoot a.selected, .dark .treeRoot .dragenter > a, .darkness .treeRoot a.selected, .darkness.treeRoot .dragenter > a { background-color: rgba(0, 142, 255, 0.19); }
114+
.dark .treeRoot .dragafter > a::after, .dark .treeRoot .dragbefore > a::before, .darkness .treeRoot .dragafter > a::after, .darkness .treeRoot .dragbefore > a::before { background-color: rgba(255, 255, 255, 0.25); }
115+
.dark .treeRoot a .title, .darkness .treeRoot a .title { color: #7cb2dc; }
116+
.dark .treeRoot a.hidemenu .title, .darkness .treeRoot a.hidemenu .title { color: #c5c5c5; }
117+
.dark .treeRoot a.deleted .title, .darkness .treeRoot a.deleted .title { color: #a52a2a; }
118+
.dark .treeRoot a.unpublished .title, .darkness .treeRoot a.unpublished .title { color: #d0726b }
119+
.dark .treeRoot .icon:hover > .fa, .darkness .treeRoot .icon:hover > .fa { color: #fff }
120+
.dark .treeRoot a .title:hover, .darkness .treeRoot a .title:hover { color: #a2d4fb; }
121+
.dark .treeRoot a.hidemenu .title:hover, .darkness .treeRoot a.hidemenu .title:hover { color: #eee }
122+
.dark .treeRoot a.unpublished .title:hover, .darkness .treeRoot a.unpublished .title:hover { color: #f38e86 }
123+
.dark .treeRoot a.deleted .title:hover, .darkness .treeRoot a.deleted .title:hover { color: #e23d3d }
124+
.dark .treeRoot .toggle:hover, .darkness .treeRoot .toggle:hover { background-color: rgba(255, 255, 255, 0.19); }
125+
.dark .treeRoot .fa, .dark #treeHolder .rootNode .fa, .darkness .treeRoot .fa, .darkness #treeHolder .rootNode .fa { color: #bcbec0; }
77126
/* darkness */
78127
.darkness #tree .treeframebody { background-color: #202329; border-color: #414449; }
79128
.darkness #treeMenu { background-color: #1a1c21; border-color: #414449; }

0 commit comments

Comments
 (0)