1 | .eyzy-tree {
|
2 | box-sizing: border-box;
|
3 | list-style: none;
|
4 | margin: 0;
|
5 | padding: 0; }
|
6 |
|
7 | .eyzy-tree .tree-node {
|
8 | margin: 0;
|
9 | list-style: none; }
|
10 |
|
11 | .eyzy-tree .node-content {
|
12 | white-space: nowrap;
|
13 | outline: 0;
|
14 | display: flex;
|
15 | flex-wrap: wrap;
|
16 | align-items: center; }
|
17 | .eyzy-tree .node-content > span {
|
18 | margin-right: 4px; }
|
19 | .eyzy-tree .node-content.checked > .node-checkbox {
|
20 | background-color: #2490f5;
|
21 | border-color: #2490f5; }
|
22 | .eyzy-tree .node-content.checked > .node-checkbox:after {
|
23 | transform: rotate(45deg) scale(1);
|
24 | border: 2px solid #fff;
|
25 | border-top: 0;
|
26 | border-left: 0;
|
27 | transition: opacity .2s;
|
28 | opacity: 1;
|
29 | left: 6.1px;
|
30 | top: 2.2px;
|
31 | width: 4px;
|
32 | height: 10px; }
|
33 | .eyzy-tree .node-content.indeterminate > .node-checkbox {
|
34 | background-color: #2490f5;
|
35 | border-color: #2490f5; }
|
36 | .eyzy-tree .node-content.indeterminate > .node-checkbox:after {
|
37 | background-color: #fff;
|
38 | top: 50%;
|
39 | left: 20%;
|
40 | right: 20%;
|
41 | height: 2px;
|
42 | opacity: 1; }
|
43 | .eyzy-tree .node-content.selected > .node-text {
|
44 | background: rgba(136, 136, 136, 0.31); }
|
45 | .eyzy-tree .node-content.expanded > .node-arrow {
|
46 | transform: rotate(90deg); }
|
47 | .eyzy-tree .node-content.disabled {
|
48 | opacity: .3;
|
49 | cursor: default; }
|
50 | .eyzy-tree .node-content.disabled-checkbox > .node-checkbox {
|
51 | opacity: .3; }
|
52 | .eyzy-tree .node-content.loading > .node-arrow {
|
53 | border-radius: 50%;
|
54 | margin-right: 9px;
|
55 | width: 15px;
|
56 | height: 15px;
|
57 | font-size: 2px;
|
58 | position: relative;
|
59 | text-indent: -9999em;
|
60 | border-top: 1.1em solid rgba(0, 0, 0, 0.2);
|
61 | border-right: 1.1em solid rgba(0, 0, 0, 0.2);
|
62 | border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
|
63 | border-left: 1.1em solid #000000;
|
64 | transform: translateZ(0);
|
65 | animation: loading 1.1s infinite linear; }
|
66 | .eyzy-tree .node-content.loading > .node-arrow:before {
|
67 | visibility: hidden; }
|
68 |
|
69 | .eyzy-tree .node-noop {
|
70 | width: 24px;
|
71 | height: 24px; }
|
72 |
|
73 | .eyzy-tree .node-checkbox {
|
74 | width: 18px;
|
75 | height: 18px;
|
76 | border: 1px solid #d0d0d0;
|
77 | border-radius: 2px;
|
78 | background-color: #fff;
|
79 | transition: border-color 0.3s;
|
80 | position: relative; }
|
81 | .eyzy-tree .node-checkbox:after {
|
82 | opacity: 0;
|
83 | content: "";
|
84 | position: absolute;
|
85 | display: block; }
|
86 | .eyzy-tree .node-checkbox:hover {
|
87 | border-color: #38a0ff; }
|
88 | .eyzy-tree .node-checkbox-overrided {
|
89 | z-index: 2; }
|
90 |
|
91 | .eyzy-tree .node-text {
|
92 | padding: 4px 7px;
|
93 | line-height: 24px;
|
94 | cursor: pointer;
|
95 | display: flex;
|
96 | align-items: center;
|
97 | justify-content: space-between; }
|
98 | .eyzy-tree .node-text:hover {
|
99 | background: rgba(136, 136, 136, 0.1); }
|
100 |
|
101 | .eyzy-tree .node-child {
|
102 | list-style: none;
|
103 | padding: 0 0 0 20px;
|
104 | flex-basis: 100%;
|
105 | flex-wrap: wrap; }
|
106 |
|
107 | .eyzy-tree .node-arrow {
|
108 | width: 24px;
|
109 | height: 24px; }
|
110 | .eyzy-tree .node-arrow-extended {
|
111 | z-index: 2; }
|
112 | .eyzy-tree .node-arrow:before {
|
113 | content: '';
|
114 | display: block;
|
115 | cursor: pointer;
|
116 | height: 100%;
|
117 | background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADQnpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHja5ZdRcusqDIbftYq7BEtCCJaDjZm5O7jLvz+YuE2adtrGL2dOmFhYBknoU+SW9v/+bfQPPpzjQsE8xRzjgk/IIUvBJC3H55C8hHGdN8ttcqen84FApZB63MZ9ri/Q29sGD1O/3uvJt2knTUM3y9Ogds+CyVyXpiGVQ8/znvLcV8K748yv+jBxLn68D45kVINShWRX1gXX2L0oItCkpetwFVU5tGU86Xp+njs6pw/JO2cPuVvK1Ot9KmiJc0F8yNHUsz3P3cjQA7Wb57sHmU8XH3LXWk2t7cfpSojIVKR5qNtRxgwLV6RSx7aI4fga5j5Gxkg44oakV9BcMTbizILMNg5cuXDjfciNN4QYZBeHFNlEhy6pS5ZtpD70wU1cs1YCI9EN1BRqOWPh4TcPfxsneK6MlcIwxtjxYdAz5W/Gaai1XrrMSzpzhbikFyDC6OT6FasAhNvMqY38jkHv6mZ5B1ZB0EaaEw5YlvUwsRq/1ZYOzop1tgRajnJnr9MAUgTfhmBQxQFFwGoceXERZ0YeE/gURC4aZAUBNpPK1MBGNQJOku4be5zHWjE51GgtAGEa1YEmawGsEAz14yGhhoqpBTKzaG7JspWoMUSLMXrsPaq4enDz6O7Js5ekKSRLMXlKKaeSJStamOWYnXLKOZcCpwWmC3YXrChllVXXsNoaV1/TmteyoXy2sNkWN9/SlrdSpWrFz7/G6lRTzbXsvKOU9rDbHnff05730lBrTVto1mLzllpu5aQ2qd5T4wdyX1PjSa0TC2Odv1GD2v1mgns7sc4MxCQwiHsngIKWzmxJHIJ0cp3ZktG01ATU2Dqcyp0YCIadxRqf7N7IfcmNLPyIm3xGjjq6K8hRRzfJfeT2hFot442iA1D/FfacLtrQ2LBgT0VS6e+kX0t61cCfYqgZlzHH6+te6raWL63RJeEchj4P49vhQNKL4ZxR0Kdh/CQcSLokHHilS8KBpEvCOerognAg6ZJwIOmScDr+l8J4J+mlMN5J+pX7J94vbiM/dX9tG7n3TuWiiqSXK3F5bCMvoP92G/lOK6eLWvbfaajhLw/8n0r/A/4BpfLGcvOXAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4goXEQELgwtGIAAAAKpJREFUOMvNkbEOAVEQRQ+r4FPuPyg0RPt+Qr+FSqERhcKvbKJXEBGl8voQGx3NSl6Ex2qYbib3nMx7A7+u7NkwhDCStJPUsr2pLZC0BTpAT1Lb9rquoASGVdtNSZ4KbB8knYHBO0n2ajXb+08kWeqDKkkJ9CPJ0fbpnml+cblr3CQFIYQxsIhG86IoVnGmUROePOYaL+AcWL6DU0+YfQKnBDlwAaYp+D/qBgoiRb7coYykAAAAAElFTkSuQmCC") no-repeat 50% 50%; }
|
118 |
|
119 | @-webkit-keyframes load8 {
|
120 | 0% {
|
121 | -webkit-transform: rotate(0deg);
|
122 | transform: rotate(0deg); }
|
123 | 100% {
|
124 | -webkit-transform: rotate(360deg);
|
125 | transform: rotate(360deg); } }
|
126 |
|
127 | @keyframes load8 {
|
128 | 0% {
|
129 | -webkit-transform: rotate(0deg);
|
130 | transform: rotate(0deg); }
|
131 | 100% {
|
132 | -webkit-transform: rotate(360deg);
|
133 | transform: rotate(360deg); } }
|
134 |
|
135 | .eyzy-theme {
|
136 | position: relative;
|
137 | user-select: none; }
|
138 | .eyzy-theme.eyzy-tree {
|
139 | padding: 0 4px; }
|
140 | .eyzy-theme .node-content:hover.node-text {
|
141 | background-color: transparent; }
|
142 | .eyzy-theme .node-content:hover:before {
|
143 | transition: background-color .1s;
|
144 | background: rgba(210, 231, 255, 0.3); }
|
145 | .eyzy-theme .node-content.disabled:hover:before {
|
146 | transition: transparent;
|
147 | background: transparent; }
|
148 | .eyzy-theme .node-content.selected:before {
|
149 | background: #d2e7ff; }
|
150 | .eyzy-theme .node-content.selected > .node-text {
|
151 | background: transparent; }
|
152 | .eyzy-theme .node-content .node-text,
|
153 | .eyzy-theme .node-content .node-arrow,
|
154 | .eyzy-theme .node-content .node-checkbox {
|
155 | z-index: 2; }
|
156 | .eyzy-theme .node-content .node-arrow {
|
157 | transition: transform .1s; }
|
158 | .eyzy-theme .node-content .node-text {
|
159 | flex-grow: 1;
|
160 | cursor: pointer; }
|
161 | .eyzy-theme .node-content .node-text:hover {
|
162 | background: transparent; }
|
163 | .eyzy-theme .node-content:before {
|
164 | content: '';
|
165 | position: absolute;
|
166 | left: 0;
|
167 | width: 100%;
|
168 | height: 32px;
|
169 | z-index: 1; }
|
170 |
|
171 | .eyzy-theme-red {
|
172 | position: relative;
|
173 | user-select: none; }
|
174 | .eyzy-theme-red.eyzy-tree {
|
175 | padding: 0 4px; }
|
176 | .eyzy-theme-red .tree-node.selected > .node-content:before {
|
177 | background: transparent; }
|
178 | .eyzy-theme-red .node-content:hover.node-text {
|
179 | background-color: transparent; }
|
180 | .eyzy-theme-red .node-content:hover:before {
|
181 | transition: background-color .1s;
|
182 | background: rgba(136, 136, 136, 0.1); }
|
183 | .eyzy-theme-red .node-content.selected:before {
|
184 | background: rgba(136, 136, 136, 0.31); }
|
185 | .eyzy-theme-red .node-content.selected > .node-text {
|
186 | background: transparent; }
|
187 | .eyzy-theme-red .node-content.checked > .node-checkbox {
|
188 | background-color: #f92e54;
|
189 | border-color: #f92e54; }
|
190 | .eyzy-theme-red .node-content.indeterminate > .node-checkbox {
|
191 | background-color: #f92e54;
|
192 | border-color: #f92e54; }
|
193 | .eyzy-theme-red .node-content .node-text,
|
194 | .eyzy-theme-red .node-content .node-arrow,
|
195 | .eyzy-theme-red .node-content .node-checkbox {
|
196 | z-index: 2; }
|
197 | .eyzy-theme-red .node-content .node-arrow {
|
198 | transition: transform .1s; }
|
199 | .eyzy-theme-red .node-content .node-text {
|
200 | flex-grow: 1;
|
201 | cursor: pointer; }
|
202 | .eyzy-theme-red .node-content .node-text:hover {
|
203 | background: transparent; }
|
204 | .eyzy-theme-red .node-content .node-checkbox:hover {
|
205 | border-color: #f92e54; }
|
206 | .eyzy-theme-red .node-content:before {
|
207 | content: '';
|
208 | position: absolute;
|
209 | left: 0;
|
210 | width: 100%;
|
211 | height: 32px;
|
212 | z-index: 1; }
|
213 |
|
214 | @keyframes loading {
|
215 | 0% {
|
216 | -webkit-transform: rotate(0deg);
|
217 | transform: rotate(0deg); }
|
218 | 100% {
|
219 | -webkit-transform: rotate(360deg);
|
220 | transform: rotate(360deg); } }
|
221 |
|
222 | @keyframes loading {
|
223 | 0% {
|
224 | -webkit-transform: rotate(0deg);
|
225 | transform: rotate(0deg); }
|
226 | 100% {
|
227 | -webkit-transform: rotate(360deg);
|
228 | transform: rotate(360deg); } }
|