Skip to content

Commit 8fb7fca

Browse files
Ben RubinBen Rubin
Ben Rubin
authored and
Ben Rubin
committed
release
1 parent 790f70d commit 8fb7fca

File tree

5 files changed

+1312
-0
lines changed

5 files changed

+1312
-0
lines changed

‎dist/_theme.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/angular-material-tree.css‎

Lines changed: 248 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,248 @@
1+
md-tree:not(.md-no-animation) md-branch .md-branch-icon {
2+
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
3+
transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
4+
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
5+
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
6+
7+
md-tree md-branch .md-branch-icon-container {
8+
display: -webkit-box;
9+
display: -ms-flexbox;
10+
display: flex;
11+
-webkit-box-orient: vertical;
12+
-webkit-box-direction: normal;
13+
-ms-flex-direction: column;
14+
flex-direction: column;
15+
min-height: 72px;
16+
width: 60px;
17+
-webkit-box-pack: center;
18+
-ms-flex-pack: center;
19+
justify-content: center; }
20+
md-tree md-branch .md-branch-icon-container .md-branch-icon {
21+
margin: 0 auto;
22+
-webkit-transform: rotate(90deg);
23+
transform: rotate(90deg);
24+
pointer-events: none; }
25+
26+
md-tree md-branch.md-open > .md-branch-inner > .md-branch-icon-container .md-branch-icon {
27+
-webkit-transform: rotate(-90deg);
28+
transform: rotate(-90deg); }
29+
30+
md-tree md-branch.md-tip .md-branch-icon {
31+
display: none; }
32+
33+
md-branch {
34+
position: relative;
35+
display: block; }
36+
md-branch .md-branch-inner {
37+
display: -webkit-box;
38+
display: -ms-flexbox;
39+
display: flex;
40+
-webkit-box-pack: start;
41+
-ms-flex-pack: start;
42+
justify-content: flex-start;
43+
-webkit-box-align: center;
44+
-ms-flex-align: center;
45+
align-items: center;
46+
min-height: 48px;
47+
height: auto;
48+
border-bottom: 1px solid transparent;
49+
-webkit-transition: background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
50+
transition: background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
51+
cursor: pointer; }
52+
md-branch .md-branch-inner.md-tip {
53+
cursor: default; }
54+
md-branch .md-branch-inner > div.md-primary > md-icon,
55+
md-branch .md-branch-inner > div.md-secondary > md-icon,
56+
md-branch .md-branch-inner > md-icon:first-child,
57+
md-branch .md-branch-inner > md-icon.md-secondary {
58+
width: 24px;
59+
margin-top: 16px;
60+
margin-bottom: 12px;
61+
box-sizing: content-box; }
62+
md-branch .md-branch-inner > div.md-primary > md-checkbox,
63+
md-branch .md-branch-inner > div.md-secondary > md-checkbox,
64+
md-branch .md-branch-inner > md-checkbox,
65+
md-branch .md-branch-inner md-checkbox.md-secondary {
66+
-ms-flex-item-align: center;
67+
-ms-grid-row-align: center;
68+
align-self: center; }
69+
md-branch .md-branch-inner > div.md-primary > md-checkbox .md-label,
70+
md-branch .md-branch-inner > div.md-secondary > md-checkbox .md-label,
71+
md-branch .md-branch-inner > md-checkbox .md-label,
72+
md-branch .md-branch-inner md-checkbox.md-secondary .md-label {
73+
display: none; }
74+
md-branch .md-branch-inner > md-checkbox {
75+
width: 24px;
76+
margin-top: 16px; }
77+
md-branch .md-branch-inner .md-secondary-container {
78+
display: -webkit-box;
79+
display: -ms-flexbox;
80+
display: flex;
81+
-webkit-box-align: center;
82+
-ms-flex-align: center;
83+
align-items: center;
84+
-ms-flex-negative: 0;
85+
flex-shrink: 0;
86+
margin: auto; }
87+
md-branch .md-branch-inner .md-secondary-container md-checkbox {
88+
margin-top: 0;
89+
margin-bottom: 0; }
90+
md-branch .md-branch-inner .md-secondary-container md-checkbox:last-child {
91+
width: 24px; }
92+
md-branch .md-branch-inner .md-secondary-container md-switch {
93+
margin-top: 0;
94+
margin-bottom: 0; }
95+
md-branch .md-branch-inner > p, md-branch .md-branch-inner > .md-list-item-inner > p {
96+
-webkit-box-flex: 1;
97+
-ms-flex: 1 1 auto;
98+
flex: 1 1 auto;
99+
margin: 0; }
100+
md-branch.md-2-line, md-branch.md-2-line > .md-no-style, md-branch.md-3-line, md-branch.md-3-line > .md-no-style {
101+
-webkit-box-align: start;
102+
-ms-flex-align: start;
103+
align-items: flex-start;
104+
-webkit-box-pack: center;
105+
-ms-flex-pack: center;
106+
justify-content: center; }
107+
md-branch.md-2-line .md-branch-text, md-branch.md-2-line > .md-no-style .md-branch-text, md-branch.md-3-line .md-branch-text, md-branch.md-3-line > .md-no-style .md-branch-text {
108+
-webkit-box-flex: 1;
109+
-ms-flex: 1 1 auto;
110+
flex: 1 1 auto;
111+
margin: auto;
112+
text-overflow: ellipsis;
113+
overflow: hidden;
114+
-webkit-user-select: none;
115+
-moz-user-select: none;
116+
-ms-user-select: none;
117+
user-select: none; }
118+
md-branch.md-2-line .md-branch-text h3, md-branch.md-2-line > .md-no-style .md-branch-text h3, md-branch.md-3-line .md-branch-text h3, md-branch.md-3-line > .md-no-style .md-branch-text h3 {
119+
font-size: 16px;
120+
font-weight: 400;
121+
letter-spacing: 0.010em;
122+
margin: 0;
123+
line-height: 1.2em;
124+
overflow: hidden;
125+
white-space: nowrap;
126+
text-overflow: ellipsis; }
127+
md-branch.md-2-line .md-branch-text h4, md-branch.md-2-line > .md-no-style .md-branch-text h4, md-branch.md-3-line .md-branch-text h4, md-branch.md-3-line > .md-no-style .md-branch-text h4 {
128+
font-size: 14px;
129+
letter-spacing: 0.010em;
130+
margin: 3px 0 1px;
131+
font-weight: 400;
132+
line-height: 1.2em;
133+
overflow: hidden;
134+
white-space: nowrap;
135+
text-overflow: ellipsis; }
136+
md-branch.md-2-line .md-branch-text p, md-branch.md-2-line > .md-no-style .md-branch-text p, md-branch.md-3-line .md-branch-text p, md-branch.md-3-line > .md-no-style .md-branch-text p {
137+
font-size: 14px;
138+
font-weight: 500;
139+
letter-spacing: 0.010em;
140+
margin: 0;
141+
line-height: 1.6em; }
142+
md-branch.md-2-line, md-branch.md-2-line > .md-no-style {
143+
height: auto;
144+
min-height: 72px; }
145+
md-branch.md-2-line .md-branch-inner, md-branch.md-2-line > .md-no-style .md-branch-inner {
146+
min-height: 72px; }
147+
md-branch.md-2-line > .md-avatar, md-branch.md-2-line .md-avatar-icon, md-branch.md-2-line > .md-no-style > .md-avatar, md-branch.md-2-line > .md-no-style .md-avatar-icon {
148+
margin-top: 12px; }
149+
md-branch.md-2-line > .md-branch-expand-icon:first-child, md-branch.md-2-line > .md-no-style > .md-branch-expand-icon:first-child {
150+
-ms-flex-item-align: start;
151+
align-self: flex-start; }
152+
md-branch.md-2-line .md-list-item-text, md-branch.md-2-line > .md-no-style .md-list-item-text {
153+
-webkit-box-flex: 1;
154+
-ms-flex: 1 1 auto;
155+
flex: 1 1 auto; }
156+
md-branch.md-3-line, md-branch.md-3-line > .md-no-style {
157+
height: auto;
158+
min-height: 88px; }
159+
md-branch.md-3-line .md-branch-inner, md-branch.md-3-line > .md-no-style .md-branch-inner {
160+
min-height: 88px; }
161+
md-branch.md-3-line > .md-branch-expand-icon:first-child,
162+
md-branch.md-3-line > .md-avatar, md-branch.md-3-line > .md-no-style > .md-branch-expand-icon:first-child,
163+
md-branch.md-3-line > .md-no-style > .md-avatar {
164+
margin-top: 16px; }
165+
166+
md-branch > .md-branch-container {
167+
display: none;
168+
padding-left: 36px; }
169+
170+
md-branch.md-open > .md-branch-container {
171+
display: block; }
172+
173+
md-branch > .md-branch-container.md-overflow {
174+
overflow: hidden; }
175+
176+
md-branch:not(.md-no-animation) > .md-branch-container.md-show {
177+
display: block;
178+
-webkit-transition: max-height 0.06s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.06s cubic-bezier(0.25, 0.8, 0.25, 1);
179+
transition: max-height 0.06s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.06s cubic-bezier(0.25, 0.8, 0.25, 1); }
180+
181+
md-branch:not(.md-no-animation) > .md-branch-container.md-hide {
182+
display: block;
183+
-webkit-transition: max-height 0.12s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.12s cubic-bezier(0.25, 0.8, 0.25, 1);
184+
transition: max-height 0.12s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.12s cubic-bezier(0.25, 0.8, 0.25, 1); }
185+
186+
md-branch.md-checkbox-enabled > .md-branch-inner .checkbox-container {
187+
position: relative;
188+
top: 50%;
189+
box-sizing: border-box;
190+
display: inline-block;
191+
width: 20px;
192+
height: 20px;
193+
margin: auto 24px auto 0; }
194+
md-branch.md-checkbox-enabled > .md-branch-inner .checkbox-container:before {
195+
box-sizing: border-box;
196+
background-color: transparent;
197+
border-radius: 50%;
198+
content: '';
199+
position: absolute;
200+
display: block;
201+
height: auto;
202+
left: 0;
203+
top: 0;
204+
right: 0;
205+
bottom: 0;
206+
-webkit-transition: all 0.5s;
207+
transition: all 0.5s;
208+
width: auto; }
209+
md-branch.md-checkbox-enabled > .md-branch-inner .checkbox-container:after {
210+
box-sizing: border-box;
211+
content: '';
212+
position: absolute;
213+
top: -10px;
214+
right: -10px;
215+
bottom: -10px;
216+
left: -10px; }
217+
218+
md-branch.md-checkbox-enabled > .md-branch-inner .checkbox-icon {
219+
pointer-events: none;
220+
box-sizing: border-box;
221+
-webkit-transition: 240ms;
222+
transition: 240ms;
223+
position: absolute;
224+
top: 0;
225+
left: 0;
226+
width: 20px;
227+
height: 20px;
228+
border-width: 2px;
229+
border-style: solid;
230+
border-radius: 2px; }
231+
232+
md-branch.md-checkbox-enabled[selected] > .md-branch-inner .checkbox-icon {
233+
border-color: transparent; }
234+
md-branch.md-checkbox-enabled[selected] > .md-branch-inner .checkbox-icon:after {
235+
box-sizing: border-box;
236+
-webkit-transform: rotate(45deg);
237+
transform: rotate(45deg);
238+
position: absolute;
239+
left: 4.66667px;
240+
top: 0.22222px;
241+
display: table;
242+
width: 6.66667px;
243+
height: 13.33333px;
244+
border-width: 2px;
245+
border-style: solid;
246+
border-top: 0;
247+
border-left: 0;
248+
content: ''; }

0 commit comments

Comments
 (0)