Skip to content

Commit 56ff03b

Browse files
davidenkedavidenke
committed
removed dissolved dependencies, basic implementation of the md bottom sheet
1 parent b6b7d0e commit 56ff03b

File tree

9 files changed

+191
-4053
lines changed

9 files changed

+191
-4053
lines changed

‎bower.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"version": "0.0.1",
44
"homepage": "https://github.com/davidenke/angular-material-keyboard",
55
"author": "David Enke <postdavidenke.de>",
6-
"description": "Onscreen virtual keyboard for Angular (https://angularjs.org/) using Material (https://material.angularjs.org/) and the Angular Virtual Keyboard by the-darc (https://github.com/the-darc/angular-virtual-keyboard) based on GreyWyvern VKI (http://www.greywyvern.com/code/javascript/keyboard).",
6+
"description": "Onscreen virtual keyboard for Angular (https://angularjs.org/) using Material (https://material.angularjs.org/)inspired by the Angular Virtual Keyboard by the-darc (https://github.com/the-darc/angular-virtual-keyboard).",
77
"main": [
88
"dist/mdKeyboard.min.js",
99
"dist/mdKeyboard.css"

‎dist/mdKeyboard.css

Lines changed: 1 addition & 289 deletions
Original file line numberDiff line numberDiff line change
@@ -1,291 +1,3 @@
1-
md-keyboard {
2-
position:absolute;
3-
font:normal 16px Arial,sans-serif;
4-
border-top:1px solid #eeeeee;
5-
border-right:1px solid #888888;
6-
border-bottom:1px solid #444444;
7-
border-left:1px solid #cccccc;
8-
-webkit-box-shadow:0px 2px 10px #444444;
9-
-moz-box-shadow:0px 2px 10px #444444;
10-
box-shadow:0px 2px 10px #444444;
11-
opacity:0.95;
12-
filter:alpha(opacity=95);
13-
background-color:#dddddd;
14-
text-align:left;
15-
z-index:1000000;
16-
width:auto;
17-
height:auto;
18-
min-width:0;
19-
min-height:0;
20-
margin:0px;
21-
padding:0px;
22-
line-height:normal;
23-
-moz-user-select:none;
24-
cursor:default;
25-
}
26-
md-keyboard {
27-
-webkit-border-top-left-radius:0.6em;
28-
-webkit-border-top-right-radius:0.6em;
29-
-moz-border-top-left-radius:0.6em;
30-
-moz-border-top-right-radius:0.6em;
31-
border-top-left-radius:0.6em;
32-
border-top-right-radius:0.6em;
33-
}
34-
md-keyboard.relativeKeyboard {
35-
-webkit-border-radius:0.6em;
36-
-moz-border-radius:0.6em;
37-
border-radius:0.6em;
38-
}
39-
40-
md-keyboard * {
41-
position:static;
42-
color:#000000;
43-
background:transparent;
44-
font:normal 16px Arial,sans-serif;
45-
width:auto;
46-
height:auto;
47-
min-width:0;
48-
min-height:0;
49-
margin:0px;
50-
padding:0px;
51-
border:0px none;
52-
outline:0px;
53-
vertical-align:baseline;
54-
line-height:1.3em;
55-
}
56-
md-keyboard table {
57-
table-layout:auto;
58-
}
59-
md-keyboard.keyboardInputSize1,
60-
md-keyboard.keyboardInputSize1 * {
61-
font-size:13px;
62-
}
63-
md-keyboard.keyboardInputSize3,
64-
md-keyboard.keyboardInputSize3 * {
65-
font-size:20px;
66-
}
67-
md-keyboard.keyboardInputSize4,
68-
md-keyboard.keyboardInputSize4 * {
69-
font-size:24px;
70-
}
71-
md-keyboard.keyboardInputSize5,
72-
md-keyboard.keyboardInputSize5 * {
73-
font-size:28px;
74-
}
75-
76-
md-keyboard thead tr th {
77-
padding:0.3em 0.3em 0.1em 0.3em;
78-
background-color:#999999;
79-
white-space:nowrap;
80-
text-align:right;
81-
}
82-
md-keyboard thead tr th {
83-
-webkit-border-radius:0.6em 0.6em 0px 0px;
84-
-moz-border-radius:0.6em 0.6em 0px 0px;
85-
border-radius:0.6em 0.6em 0px 0px;
86-
}
87-
md-keyboard thead tr th div {
88-
float:left;
89-
font-size:130% !important;
90-
height:1.3em;
91-
font-weight:bold;
92-
position:relative;
93-
z-index:1;
94-
margin-right:0.5em;
95-
cursor:pointer;
96-
background-color:transparent;
97-
}
98-
md-keyboard thead tr th div ol {
99-
position:absolute;
100-
left:0px;
101-
top:90%;
102-
list-style-type:none;
103-
height:9.4em;
104-
overflow-y:auto;
105-
overflow-x:hidden;
106-
background-color:#f6f6f6;
107-
border:1px solid #999999;
108-
display:none;
109-
text-align:left;
110-
width:12em;
111-
}
112-
md-keyboard thead tr th div ol li {
113-
padding:0.2em 0.4em;
114-
cursor:pointer;
115-
white-space:nowrap;
116-
width:12em;
117-
}
118-
md-keyboard thead tr th div ol li.selected {
119-
background-color:#ffffcc;
120-
}
121-
md-keyboard thead tr th div ol li:hover,
122-
md-keyboard thead tr th div ol li.hover {
123-
background-color:#dddddd;
124-
}
125-
md-keyboard thead tr th span,
126-
md-keyboard thead tr th strong,
127-
md-keyboard thead tr th small,
128-
md-keyboard thead tr th big {
129-
display:inline-block;
130-
padding:0px 0.4em;
131-
height:1.4em;
132-
line-height:1.4em;
133-
border-top:1px solid #e5e5e5;
134-
border-right:1px solid #5d5d5d;
135-
border-bottom:1px solid #5d5d5d;
136-
border-left:1px solid #e5e5e5;
137-
background-color:#cccccc;
138-
cursor:pointer;
139-
margin:0px 0px 0px 0.3em;
140-
-webkit-border-radius:0.3em;
141-
-moz-border-radius:0.3em;
142-
border-radius:0.3em;
143-
vertical-align:middle;
144-
-webkit-transition:background-color .15s ease-in-out;
145-
-o-transition:background-color .15s ease-in-out;
146-
transition:background-color .15s ease-in-out;
147-
}
148-
md-keyboard thead tr th strong {
149-
font-weight:bold;
150-
}
151-
md-keyboard thead tr th small {
152-
-webkit-border-radius:0.3em 0px 0px 0.3em;
153-
-moz-border-radius:0.3em 0px 0px 0.3em;
154-
border-radius:0.3em 0px 0px 0.3em;
155-
border-right:1px solid #aaaaaa;
156-
padding:0px 0.2em 0px 0.3em;
157-
}
158-
md-keyboard thead tr th big {
159-
-webkit-border-radius:0px 0.3em 0.3em 0px;
160-
-moz-border-radius:0px 0.3em 0.3em 0px;
161-
border-radius:0px 0.3em 0.3em 0px;
162-
border-left:0px none;
163-
margin:0px;
164-
padding:0px 0.3em 0px 0.2em;
165-
}
166-
md-keyboard thead tr th span:hover,
167-
md-keyboard thead tr th span.hover,
168-
md-keyboard thead tr th strong:hover,
169-
md-keyboard thead tr th strong.hover,
170-
md-keyboard thead tr th small:hover,
171-
md-keyboard thead tr th small.hover,
172-
md-keyboard thead tr th big:hover,
173-
md-keyboard thead tr th big.hover {
174-
background-color:#dddddd;
175-
}
176-
177-
md-keyboard tbody tr td {
178-
text-align:left;
179-
padding:0.2em 0.3em 0.3em 0.3em;
180-
vertical-align:top;
181-
}
182-
md-keyboard tbody tr td div {
183-
text-align:center;
184-
position:relative;
185-
zoom:1;
186-
}
187-
md-keyboard tbody tr td table {
188-
white-space:nowrap;
189-
width:100%;
190-
border-collapse:separate;
191-
border-spacing:0px;
192-
}
193-
md-keyboard tbody tr td.keyboardInputNumpad table {
194-
margin-left:0.2em;
195-
width:auto;
196-
}
197-
md-keyboard tbody tr td table.keyboardInputCenter {
198-
width:auto;
199-
margin:0px auto;
200-
}
201-
202-
md-keyboard tbody tr td table tbody tr td {
203-
vertical-align:middle;
204-
padding:0px 0.45em;
205-
white-space:pre;
206-
height:1.8em;
207-
font-family:'Lucida Console','Arial Unicode MS',monospace;
208-
border-top:1px solid #e5e5e5;
209-
border-right:1px solid #5d5d5d;
210-
border-bottom:1px solid #5d5d5d;
211-
border-left:1px solid #e5e5e5;
212-
background-color:#eeeeee;
213-
cursor:default;
214-
min-width:0.75em;
215-
-webkit-border-radius:0.2em;
216-
-moz-border-radius:0.2em;
217-
border-radius:0.2em;
218-
-webkit-transition:background-color .15s ease-in-out;
219-
-o-transition:background-color .15s ease-in-out;
220-
transition:background-color .15s ease-in-out;
221-
}
222-
md-keyboard.relativeKeyboard tbody tr td table tbody tr td.last {
223-
width:99%;
224-
}
225-
md-keyboard tbody tr td table tbody tr td.space {
226-
padding:0px 4em;
227-
}
228-
md-keyboard tbody tr td table tbody tr td.deadkey {
229-
background-color:#ccccdd;
230-
}
231-
md-keyboard tbody tr td table tbody tr td.target {
232-
background-color:#ddddcc;
233-
}
234-
md-keyboard tbody tr td table tbody tr td:hover,
235-
md-keyboard tbody tr td table tbody tr td.hover {
236-
border-top:1px solid #d5d5d5;
237-
border-right:1px solid #555555;
238-
border-bottom:1px solid #555555;
239-
border-left:1px solid #d5d5d5;
240-
background-color:#cccccc;
241-
}
242-
md-keyboard thead tr th span:active,
243-
md-keyboard thead tr th span.pressed,
244-
md-keyboard tbody tr td table tbody tr td:active,
245-
md-keyboard tbody tr td table tbody tr td.pressed {
246-
border-top:1px solid #555555 !important;
247-
border-right:1px solid #d5d5d5;
248-
border-bottom:1px solid #d5d5d5;
249-
border-left:1px solid #555555;
250-
background-color:#cccccc;
251-
}
252-
253-
md-keyboard tbody tr td table tbody tr td small {
254-
display:block;
255-
text-align:center;
256-
font-size:0.6em !important;
257-
line-height:1.1em;
258-
}
259-
260-
md-keyboard tbody tr td div label {
261-
position:absolute;
262-
bottom:0.2em;
263-
left:0.3em;
264-
}
265-
md-keyboard tbody tr td div label input {
266-
background-color:#f6f6f6;
267-
vertical-align:middle;
268-
font-size:inherit;
269-
width:1.1em;
270-
height:1.1em;
271-
}
272-
md-keyboard tbody tr td div var {
273-
position:absolute;
274-
bottom:0px;
275-
right:3px;
276-
font-weight:bold;
277-
font-style:italic;
278-
color:#444444;
279-
}
280-
281-
.keyboardInputInitiator {
282-
margin:0px 3px;
283-
vertical-align:middle;
284-
cursor:pointer;
285-
}
1+
md-keyboard-container {
2862

287-
.keyboardsArea table {
288-
max-width: 1000px;
289-
margin-left: auto;
290-
margin-right: auto;
2913
}

0 commit comments

Comments
 (0)