Skip to content

Commit 3e65095

Browse files
author
Your Name
committed
typescript course ongoing
1 parent b2283f6 commit 3e65095

File tree

2 files changed

+305
-3
lines changed

2 files changed

+305
-3
lines changed

‎client/src/assets/app.css

Lines changed: 297 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,297 @@
1+
2+
.lesson {
3+
margin: 25px auto 0 auto;
4+
max-width: 350px;
5+
}
6+
7+
.lessons-list {
8+
padding: 10px 10px 0 10px;
9+
display: table-cell;
10+
margin-bottom: 15px;
11+
}
12+
13+
.lessons-list tr {
14+
border-bottom: 1px solid darkgray;
15+
cursor: pointer;
16+
}
17+
18+
.lessons-list td {
19+
padding-bottom: 5px;
20+
}
21+
22+
.lesson-logo {
23+
height: 20px;
24+
margin-right: 10px;
25+
}
26+
27+
.add-lesson {
28+
width: 350px;
29+
margin-bottom: 15px;
30+
}
31+
32+
.md-icon {
33+
font-family: 'Material Icons';
34+
text-rendering: optimizeLegibility;
35+
font-feature-settings: "liga" 1;
36+
font-style: normal;
37+
text-transform: none;
38+
line-height: 1;
39+
width: 24px;
40+
height: 24px;
41+
display: inline-block;
42+
overflow: hidden;
43+
-webkit-font-smoothing: antialiased;
44+
-moz-osx-font-smoothing: grayscale;
45+
}
46+
47+
.collapsible-indicator {
48+
font-size: 30px;
49+
line-height:30px;
50+
}
51+
52+
53+
.collapsible-section {
54+
padding: 0 20px 20px 20px;
55+
}
56+
57+
.collapsed .collapsible-section {
58+
display: none;
59+
}
60+
61+
62+
.disable-text-selection {
63+
-webkit-touch-callout: none;
64+
-webkit-user-select: none;
65+
-moz-user-select: none;
66+
-ms-user-select: none;
67+
user-select: none;
68+
}
69+
70+
71+
.course-logo {
72+
height: 75px;
73+
margin: 0 auto;
74+
background-color: #FAFAFA;
75+
background-image: url(https://angular-academy.s3.amazonaws.com/main-logo/main-page-logo-small-hat.png);
76+
background-repeat: no-repeat;
77+
background-position-x: center;
78+
background-size: 65px;
79+
background-position-y: center;
80+
}
81+
82+
form label {
83+
width: 100px;
84+
display: inline-block;
85+
text-align: right;
86+
vertical-align: top;
87+
margin-right: 5px;
88+
}
89+
90+
.field-error-message {
91+
text-align: right;
92+
padding-right: 68px;
93+
font-size: 16px;
94+
color: #a10000;
95+
}
96+
97+
form fieldset {
98+
margin-bottom: 20px;
99+
}
100+
101+
form textarea {
102+
width: 170px;
103+
}
104+
105+
form input[type='radio'] {
106+
box-shadow: none;
107+
width: 20px;
108+
vertical-align: bottom;
109+
margin-left: 10px;
110+
}
111+
112+
form button[type='submit'] {
113+
float: right;
114+
margin-right: 75px;
115+
}
116+
117+
.debug {
118+
clear: both;
119+
font-size: 14px;
120+
}
121+
122+
.debug h3 {
123+
margin-top: 20px;
124+
margin-bottom: 5px;
125+
}
126+
127+
.form-field {
128+
margin-bottom: 15px;
129+
}
130+
131+
.lesson-button {
132+
background: #1976d2;
133+
color: white;
134+
font-weight: bold;
135+
}
136+
137+
.lesson-button[disabled] {
138+
background: grey;
139+
color: white;
140+
cursor: not-allowed;
141+
}
142+
143+
button[disabled] {
144+
cursor: not-allowed;
145+
opacity: 0.5;
146+
}
147+
148+
149+
.top-menu {
150+
margin-bottom: 30px;
151+
}
152+
153+
154+
155+
156+
.ng-dirty.ng-invalid {
157+
border: 2px solid #ff2118;
158+
}
159+
160+
.ng-touched.ng-invalid {
161+
border: 1px solid #cccccc !important;
162+
}
163+
164+
165+
form.ng-dirty.ng-invalid {
166+
border:none;
167+
}
168+
169+
form.ng-touched.ng-invalid {
170+
border:none !important;
171+
}
172+
173+
.l-header img {
174+
cursor: pointer;
175+
}
176+
177+
.youtube-logo {
178+
max-height: 100px;
179+
border-radius: 4px;
180+
}
181+
182+
.lessons-list {
183+
text-align: left;
184+
}
185+
186+
.home-screen {
187+
margin-top: 50px;
188+
}
189+
190+
.courses-list {
191+
padding: 5px 10px;
192+
text-align: left;
193+
}
194+
195+
196+
table.courses-list tr {
197+
border-bottom: 1px solid darkgray;
198+
}
199+
200+
table.courses-list tr td {
201+
padding: 5px 0;
202+
}
203+
204+
table.courses-list tr td.description {
205+
padding-right: 15px;
206+
}
207+
208+
table.courses-list tr td:first-child {
209+
padding-left: 15px;
210+
}
211+
212+
table.courses-list tr td:last-child {
213+
padding-right: 15px;
214+
}
215+
216+
ul.top-menu > li > a.menu-active {
217+
color: #ee1c1b;
218+
font-weight: bold;
219+
text-decoration: underline;
220+
}
221+
222+
.nav-button {
223+
margin-bottom: 20px;
224+
}
225+
226+
.playlist {
227+
float: right;
228+
}
229+
230+
.main-container .list {
231+
display: inline-block;
232+
max-width: 270px;
233+
vertical-align: top;
234+
margin-right: 50px;
235+
}
236+
237+
238+
.nav-fields {
239+
margin-bottom: 40px;
240+
}
241+
242+
.course-summary {
243+
cursor: pointer;
244+
}
245+
246+
.chat {
247+
248+
}
249+
250+
img.dashboard-section {
251+
display: block;
252+
max-height: 300px;
253+
margin: 0 auto 50px auto;
254+
255+
}
256+
257+
.toggle-buttons {
258+
margin-bottom: 15px;
259+
}
260+
261+
.graph-toggle {
262+
width: 30px;
263+
box-shadow: none;
264+
vertical-align: bottom;
265+
}
266+
267+
268+
269+
.l-header {
270+
height: 58px;
271+
}
272+
273+
.top-menu {
274+
margin-left: 50px;
275+
}
276+
277+
.top-menu li {
278+
box-shadow: none !important;
279+
}
280+
281+
.l-sample-app {
282+
text-align: center;
283+
}
284+
285+
.tools-bar {
286+
text-align: right;
287+
margin-top: 30px;
288+
}
289+
290+
.login-form {
291+
width: 350px;
292+
}
293+
294+
.search-bar {
295+
margin-bottom: 30px;
296+
width: 250px;
297+
}

‎client/src/index.html

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,15 @@
33
<head>
44
<meta charset="utf-8">
55
<title>Client</title>
6-
<base href="/">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
77

8-
<meta name="viewport" content="width=device-width, initial-scale=1">
9-
<link rel="icon" type="image/x-icon" href="favicon.ico">
8+
<link rel="icon" type="image/x-icon" href="favicon.ico">
9+
10+
<link rel="stylesheet" href="assets/app.css">
11+
<link rel="stylesheet" href="https://angular-academy.s3.amazonaws.com/bundles/bundle.20160714172956.min.css">
12+
<link rel="stylesheet"
13+
href="https://angular-academy.s3-us-west-1.amazonaws.com/styles/angular-academy-lessons-theme-v1.css">
14+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
1015
</head>
1116
<body>
1217
<app-root>Loading...</app-root>

0 commit comments

Comments
 (0)