Browse Source

Implement notes field. Fixes #217

pull/241/head
brantje 1 year ago
parent
commit
b57c73de33
No account linked to committer's email address

+ 4
- 0
_locales/en/messages.json View File

@@ -19,6 +19,10 @@
19 19
     "message": "No credentials found",
20 20
     "description": "No credentials found for the current site"
21 21
   },
22
+  "notes": {
23
+    "message": "Notes",
24
+    "description": "No credentials found for the current site"
25
+  },
22 26
   "invalid_response_from_server": {
23 27
     "message": "Invalid response from server: [$STATUS_CODE$] $STATUS_TEXT$",
24 28
     "description": "No credentials found for the current site",

+ 0
- 539
css/auto-login-popup.css View File

@@ -1,539 +0,0 @@
1
-/* Header Footer Styles */
2
-.radial-progress {
3
-  display: inline-block;
4
-  left: 5px;
5
-  top: 0px;
6
-  position: relative;
7
-  width: 10px;
8
-  height: 10px;
9
-  background-color: #d6dadc;
10
-  border-radius: 50%; }
11
-  .radial-progress .circle .mask, .radial-progress .circle .fill {
12
-    width: 10px;
13
-    height: 10px;
14
-    position: absolute;
15
-    border-radius: 50%;
16
-    -webkit-transition: -webkit-transform 0.5s;
17
-    -moz-transition: -moz-transform 0.5s;
18
-    transition: transform 0.5s;
19
-    -webkit-backface-visibility: hidden;
20
-    backface-visibility: hidden; }
21
-  .radial-progress .circle .mask {
22
-    clip: rect(0px, 10px, 10px, 5px); }
23
-    .radial-progress .circle .mask .fill {
24
-      clip: rect(0px, 5px, 10px, 0px);
25
-      background-color: #1565c0; }
26
-
27
-.list {
28
-  width: 100%; }
29
-  .list .list-item {
30
-    position: relative;
31
-    padding: 12px 15px; }
32
-    .list .list-item:hover {
33
-      background-color: #e4e4e4; }
34
-    .list .list-item .title {
35
-      font-weight: bold;
36
-      font-size: 15px; }
37
-    .list .list-item .info {
38
-      font-size: 13px; }
39
-    .list .list-item .extra {
40
-      font-size: 13px;
41
-      color: #737373; }
42
-    .list .list-item .edit {
43
-      position: absolute;
44
-      right: 15px;
45
-      top: 50%;
46
-      -ms-transform: translateY(-50%);
47
-      -webkit-transform: translateY(-50%);
48
-      transform: translateY(-50%);
49
-      font-size: 25px;
50
-      color: #737373; }
51
-    .list .list-item .mdi {
52
-      cursor: pointer; }
53
-  .list .list-item.no-hover:hover {
54
-    background-color: transparent; }
55
-
56
-/**
57
-  Source: https://codepen.io/sevilayha/pen/IdGKH
58
-  Edited to work with angular
59
- */
60
-/* form starting stylings ------------------------------- */
61
-.group {
62
-  position: relative;
63
-  margin-bottom: 45px; }
64
-
65
-.group:last-child {
66
-  margin-bottom: 0; }
67
-
68
-input[type="text"], input[type="password"], select.input-md {
69
-  font-size: 14px;
70
-  padding: 10px 10px 10px 5px;
71
-  display: block;
72
-  width: 100%;
73
-  border: none;
74
-  border-bottom: 1px solid #757575;
75
-  background: #fff !important; }
76
-
77
-input:focus, select.input-md:focus {
78
-  outline: none; }
79
-
80
-select.input-md {
81
-  background-color: #fff;
82
-  cursor: pointer;
83
-  margin-top: -3px; }
84
-
85
-/* LABEL ======================================= */
86
-.group label {
87
-  color: #999;
88
-  font-size: 14px;
89
-  font-weight: normal;
90
-  position: absolute;
91
-  pointer-events: none;
92
-  left: 5px;
93
-  top: 10px;
94
-  transition: 0.2s ease all;
95
-  -moz-transition: 0.2s ease all;
96
-  -webkit-transition: 0.2s ease all; }
97
-
98
-/* active state */
99
-input[type="text"]:focus ~ label, input[type="password"]:focus ~ label,
100
-input[type="text"].ng-valid:not(.ng-empty) ~ label, input[type="password"].ng-valid:not(.ng-empty) ~ label,
101
-select.ng-valid:not(.ng-empty) ~ label {
102
-  top: -20px;
103
-  font-size: 14px;
104
-  color: #1565c0; }
105
-
106
-.col33 {
107
-  width: 29%;
108
-  float: left; }
109
-  .col33:first-child {
110
-    padding-right: 10px; }
111
-  .col33:not(:first-child) {
112
-    padding-left: 10px; }
113
-
114
-/* BOTTOM BARS ================================= */
115
-.bar {
116
-  position: relative;
117
-  display: block;
118
-  width: 100%; }
119
-
120
-.bar:before, .bar:after {
121
-  content: '';
122
-  height: 2px;
123
-  width: 0;
124
-  bottom: 1px;
125
-  position: absolute;
126
-  background: #1565c0;
127
-  transition: 0.2s ease all;
128
-  -moz-transition: 0.2s ease all;
129
-  -webkit-transition: 0.2s ease all; }
130
-
131
-.bar:before {
132
-  left: 50%; }
133
-
134
-.bar:after {
135
-  right: 50%; }
136
-
137
-/* active state */
138
-input:focus ~ .bar:before, input:focus ~ .bar:after {
139
-  width: 50%; }
140
-
141
-/* HIGHLIGHTER ================================== */
142
-.highlight {
143
-  position: absolute;
144
-  height: 60%;
145
-  width: 100px;
146
-  top: 25%;
147
-  left: 0;
148
-  pointer-events: none;
149
-  opacity: 0.5; }
150
-
151
-.group .mdi-content-copy, .pwField .mdi, .group .mdi-delete {
152
-  /*position: absolute;
153
-  right: 0;*/
154
-  margin-top: 5px;
155
-  float: right;
156
-  font-size: 15px;
157
-  cursor: pointer;
158
-  height: 32px;
159
-  padding-top: 6px;
160
-  padding-left: 9px;
161
-  width: 32px;
162
-  border-top-left-radius: 16px;
163
-  border-top-right-radius: 16px;
164
-  border-bottom-right-radius: 16px;
165
-  border-top-right-radius: 16px;
166
-  border-bottom-left-radius: 16px;
167
-  border-bottom-right-radius: 16px;
168
-  border-bottom-left-radius: 16px;
169
-  border-top-left-radius: 16px; }
170
-  .group .mdi-content-copy:hover, .pwField .mdi:hover, .group .mdi-delete:hover {
171
-    text-decoration: none;
172
-    background-color: #e4e4e4; }
173
-
174
-.pwField .mdi-content-copy ~ input {
175
-  width: calc(100% - 96px); }
176
-
177
-.mdi-content-copy ~ input {
178
-  width: calc(100% - 32px); }
179
-
180
-.mdi-delete ~ input {
181
-  width: calc(100% - 32px); }
182
-
183
-.mdi-content-copy ~ .bar {
184
-  width: calc(100% - 32px); }
185
-
186
-.mdi-delete ~ .bar {
187
-  width: calc(100% - 32px); }
188
-
189
-/* active state */
190
-input:focus ~ .highlight, select.input-md ~ .highlight {
191
-  -webkit-animation: inputHighlighter 0.3s ease;
192
-  -moz-animation: inputHighlighter 0.3s ease;
193
-  animation: inputHighlighter 0.3s ease; }
194
-
195
-/* ANIMATIONS ================ */
196
-@-webkit-keyframes inputHighlighter {
197
-  from {
198
-    background: #1565c0; }
199
-  to {
200
-    width: 0;
201
-    background: transparent; } }
202
-@-moz-keyframes inputHighlighter {
203
-  from {
204
-    background: #1565c0; }
205
-  to {
206
-    width: 0;
207
-    background: transparent; } }
208
-@keyframes inputHighlighter {
209
-  from {
210
-    background: #1565c0; }
211
-  to {
212
-    width: 0;
213
-    background: transparent; } }
214
-/**
215
-  Source: https://codepen.io/guuslieben/pen/YyPRVP
216
- */
217
-.switch-input {
218
-  display: none; }
219
-
220
-.switch-label {
221
-  position: relative;
222
-  display: inline-block;
223
-  min-width: 112px;
224
-  cursor: pointer;
225
-  font-weight: 500;
226
-  text-align: left;
227
-  padding: 16px 0 16px 44px; }
228
-
229
-.switch-label:before, .switch-label:after {
230
-  content: "";
231
-  position: absolute;
232
-  margin: 0;
233
-  outline: 0;
234
-  top: 50%;
235
-  -ms-transform: translate(0, -50%);
236
-  -webkit-transform: translate(0, -50%);
237
-  transform: translate(0, -50%);
238
-  -webkit-transition: all 0.3s ease;
239
-  transition: all 0.3s ease; }
240
-
241
-.switch-label:before {
242
-  left: 1px;
243
-  width: 34px;
244
-  height: 14px;
245
-  background-color: #9E9E9E;
246
-  border-radius: 8px; }
247
-
248
-.switch-label:after {
249
-  left: 0;
250
-  width: 20px;
251
-  height: 20px;
252
-  background-color: #FAFAFA;
253
-  border-radius: 50%;
254
-  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084); }
255
-
256
-.switch-label .toggle--on {
257
-  display: none; }
258
-
259
-.switch-label .toggle--off {
260
-  display: inline-block; }
261
-
262
-.switch-input:checked + .switch-label:before {
263
-  background-color: #4f98ec; }
264
-
265
-.switch-input:checked + .switch-label:after {
266
-  background-color: #1565c0;
267
-  -ms-transform: translate(80%, -50%);
268
-  -webkit-transform: translate(80%, -50%);
269
-  transform: translate(80%, -50%); }
270
-
271
-.switch-input:checked + .switch-label .toggle--on {
272
-  display: inline-block; }
273
-
274
-.switch-input:checked + .switch-label .toggle--off {
275
-  display: none; }
276
-
277
-/**
278
-  Source: https://codepen.io/anon/pen/PmEeyo
279
- */
280
-.md-checkbox {
281
-  color: #818181;
282
-  font-size: 15px;
283
-  font-weight: bold;
284
-  font-family: 'Roboto', sans-serif;
285
-  letter-spacing: .5px; }
286
-  .md-checkbox .input-checkbox {
287
-    position: relative;
288
-    display: inline-block;
289
-    width: 32px;
290
-    text-align: center;
291
-    vertical-align: -9px; }
292
-    .md-checkbox .input-checkbox input[type="checkbox"] {
293
-      visibility: hidden;
294
-      position: absolute;
295
-      left: 7px;
296
-      bottom: 7px;
297
-      margin: 0;
298
-      padding: 0;
299
-      outline: none;
300
-      cursor: pointer;
301
-      opacity: 0; }
302
-      .md-checkbox .input-checkbox input[type="checkbox"] + .checkbox:before {
303
-        position: absolute;
304
-        left: 4px;
305
-        bottom: 8px;
306
-        width: 18px;
307
-        height: 18px;
308
-        font-family: 'Material Icons';
309
-        font-weight: normal;
310
-        font-style: normal;
311
-        font-size: 24px;
312
-        line-height: 1;
313
-        text-transform: none;
314
-        letter-spacing: normal;
315
-        word-wrap: normal;
316
-        white-space: nowrap;
317
-        direction: ltr;
318
-        vertical-align: -6px;
319
-        /* Support for all WebKit browsers. */
320
-        -webkit-font-smoothing: antialiased;
321
-        /* Support for Safari and Chrome. */
322
-        text-rendering: optimizeLegibility;
323
-        /* Support for Firefox. */
324
-        -moz-osx-font-smoothing: grayscale;
325
-        /* Support for IE. */
326
-        font-feature-settings: 'liga';
327
-        transition: all .2s ease;
328
-        z-index: 1; }
329
-      .md-checkbox .input-checkbox input[type="checkbox"] + .checkbox:before {
330
-        content: "\e835";
331
-        color: #717171; }
332
-      .md-checkbox .input-checkbox input[type="checkbox"]:checked + .checkbox:before {
333
-        content: "\e834"; }
334
-      .md-checkbox .input-checkbox input[type="checkbox"]:active:not(:disabled) + .checkbox:before {
335
-        transform: scale3d(0.88, 0.88, 1); }
336
-      .md-checkbox .input-checkbox input[type="checkbox"]:disabled + .checkbox:before {
337
-        color: rgba(0, 0, 0, 0.157) !important; }
338
-  .md-checkbox.checkbox-light label, .md-checkbox.checkbox-light .label {
339
-    color: #FFF; }
340
-  .md-checkbox.checkbox-light input[type="checkbox"] + .checkbox:before {
341
-    color: #FFF; }
342
-  .md-checkbox.checkbox-light input[type="checkbox"]:disabled + .checkbox:before {
343
-    color: #5d5d5d !important; }
344
-  .md-checkbox.checkbox-light.checkbox-rotate input[type="checkbox"] + .checkbox:before {
345
-    border-color: #FFF; }
346
-  .md-checkbox.checkbox-light.checkbox-rotate input[type="checkbox"]:disabled + .checkbox:before {
347
-    border-color: #5d5d5d !important; }
348
-  .md-checkbox label, .md-checkbox .label {
349
-    cursor: pointer;
350
-    color: #797979; }
351
-
352
-.md-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"] + .checkbox {
353
-  cursor: pointer; }
354
-  .md-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"] + .checkbox:before {
355
-    content: "";
356
-    position: absolute;
357
-    left: 7px;
358
-    bottom: 7px;
359
-    width: 18px;
360
-    height: 18px;
361
-    border: 2px solid #717171;
362
-    border-radius: 2px;
363
-    transition: all .2s ease;
364
-    z-index: 1; }
365
-.md-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]:checked + .checkbox:before {
366
-  left: 11px;
367
-  width: 12px;
368
-  height: 20px;
369
-  border-width: 2px;
370
-  border-style: solid;
371
-  border-top: transparent;
372
-  border-left: transparent;
373
-  transform: rotate(40deg);
374
-  border-radius: 1px; }
375
-.md-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]:disabled + .checkbox:before {
376
-  border-color: rgba(0, 0, 0, 0.157) !important; }
377
-
378
-.md-checkbox:not(.checkbox-rotate) .checkbox-lightBlue input[type="checkbox"]:checked + .checkbox:before {
379
-  color: #03a9f4; }
380
-
381
-.md-checkbox.checkbox-rotate .checkbox-lightBlue input[type="checkbox"]:checked + .checkbox:before {
382
-  border-color: #03a9f4; }
383
-
384
-/**
385
- Source: https://codepen.io/sebj54/pen/oxluI
386
- */
387
-.md-btn {
388
-  position: relative;
389
-  margin: 0 15px 15px 15px;
390
-  padding: 0;
391
-  overflow: hidden;
392
-  border-width: 0;
393
-  outline: none;
394
-  border-radius: 2px;
395
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
396
-  color: #212121;
397
-  background-color: #fafafa;
398
-  cursor: pointer;
399
-  display: inline-block;
400
-  transition: background-color .3s; }
401
-  .md-btn.margin5 {
402
-    margin: 0 5px 5px 5px; }
403
-
404
-.md-btn.default, .btn:focus {
405
-  background-color: #106cc8;
406
-  color: rgba(255, 255, 255, 0.87); }
407
-
408
-.md-btn.default:hover, .btn:focus {
409
-  background-color: #0159a2; }
410
-
411
-.md-btn > * {
412
-  position: relative; }
413
-
414
-.md-btn span {
415
-  display: inline-block;
416
-  padding: 12px 24px; }
417
-
418
-.md-btn:before {
419
-  content: "";
420
-  position: absolute;
421
-  top: 50%;
422
-  left: 50%;
423
-  display: block;
424
-  width: 0;
425
-  padding-top: 0;
426
-  border-radius: 100%;
427
-  background-color: rgba(236, 240, 241, 0.3);
428
-  -webkit-transform: translate(-50%, -50%);
429
-  -moz-transform: translate(-50%, -50%);
430
-  -ms-transform: translate(-50%, -50%);
431
-  -o-transform: translate(-50%, -50%);
432
-  transform: translate(-50%, -50%); }
433
-
434
-.md-btn:active:before {
435
-  width: 120%;
436
-  padding-top: 120%;
437
-  transition: width .2s ease-out, padding-top .2s ease-out; }
438
-
439
-.md-btn.orange {
440
-  background-color: #e67e22; }
441
-
442
-.md-btn.orange:hover, .btn.orange:focus {
443
-  background-color: #d35400; }
444
-
445
-.md-btn.red {
446
-  background-color: #ff5722;
447
-  color: rgba(255, 255, 255, 0.87); }
448
-
449
-.md-btn.red:hover, .btn.red:focus {
450
-  background-color: #f4511e; }
451
-
452
-.tab-wrap {
453
-  width: 100%;
454
-  height: 600px;
455
-  /*position: absolute;*/ }
456
-  .tab-wrap label:not(.ng-binding) {
457
-    cursor: pointer;
458
-    color: rgba(0, 0, 0, 0.8);
459
-    background-color: #fff;
460
-    box-sizing: border-box;
461
-    display: inline-flex !important;
462
-    align-items: center;
463
-    justify-content: center;
464
-    text-align: center;
465
-    height: 56px;
466
-    transition: color 0.2s ease;
467
-    width: 100%;
468
-    border-bottom: 1px solid #c9c9c9; }
469
-  .tab-wrap .slide {
470
-    background: #1565c0;
471
-    width: calc(100% / 2);
472
-    height: 4px;
473
-    position: relative;
474
-    left: 0;
475
-    top: 52px;
476
-    transition: left 0.3s ease-out; }
477
-  .tab-wrap .tab-label-content {
478
-    width: calc(100% / 2);
479
-    float: left; }
480
-    .tab-wrap .tab-label-content .tab-content {
481
-      position: absolute;
482
-      top: 100px;
483
-      left: 16px;
484
-      line-height: 130%;
485
-      display: none;
486
-      width: 100%;
487
-      padding-right: 20px; }
488
-      .tab-wrap .tab-label-content .tab-content.active {
489
-        display: block;
490
-        margin-top: 40px; }
491
-      .tab-wrap .tab-label-content .tab-content .custom_field {
492
-        float: left;
493
-        margin-bottom: 15px; }
494
-        .tab-wrap .tab-label-content .tab-content .custom_field .field {
495
-          float: left;
496
-          width: 50%; }
497
-          .tab-wrap .tab-label-content .tab-content .custom_field .field:first-child {
498
-            padding-right: 10px; }
499
-          .tab-wrap .tab-label-content .tab-content .custom_field .field:not(:first-child) {
500
-            padding-left: 10px; }
501
-  @media screen and (max-width: 800px) {
502
-    .tab-wrap h1 {
503
-      padding: 40px 0 90px 10%; }
504
-    .tab-wrap .tab-wrap {
505
-      width: 80%;
506
-      margin-left: 10%;
507
-      top: -106px; } }
508
-
509
-.slide.right {
510
-  left: 50%; }
511
-
512
-input[type="radio"][name="tabs"] {
513
-  position: absolute;
514
-  z-index: -1; }
515
-  input[type="radio"][name="tabs"]:checked + .tab-label-content label:not(.ng-binding) {
516
-    color: rgba(0, 0, 0, 0.8); }
517
-  input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
518
-    display: block;
519
-    margin-top: 40px; }
520
-  input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
521
-    left: calc((100% / 2) * 0); }
522
-  input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
523
-    left: calc((100% / 2) * 1); }
524
-  input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
525
-    left: 0; }
526
-
527
-body {
528
-  background-color: rgba(0, 0, 0, 0.85);
529
-  color: #fff;
530
-  font-family: 'Roboto', sans-serif; }
531
-
532
-.container {
533
-  display: none;
534
-  position: absolute;
535
-  top: 50%;
536
-  left: 50%;
537
-  transform: translateX(-50%) translateY(-50%);
538
-  width: 100%;
539
-  text-align: center; }

+ 94
- 0
css/auto-login-popup.css.map
File diff suppressed because it is too large
View File


+ 0
- 788
css/browser_action.css View File

@@ -1,788 +0,0 @@
1
-/* Header Footer Styles */
2
-.radial-progress {
3
-  display: inline-block;
4
-  left: 5px;
5
-  top: 0px;
6
-  position: relative;
7
-  width: 10px;
8
-  height: 10px;
9
-  background-color: #d6dadc;
10
-  border-radius: 50%; }
11
-  .radial-progress .circle .mask, .radial-progress .circle .fill {
12
-    width: 10px;
13
-    height: 10px;
14
-    position: absolute;
15
-    border-radius: 50%;
16
-    -webkit-transition: -webkit-transform 0.5s;
17
-    -moz-transition: -moz-transform 0.5s;
18
-    transition: transform 0.5s;
19
-    -webkit-backface-visibility: hidden;
20
-    backface-visibility: hidden; }
21
-  .radial-progress .circle .mask {
22
-    clip: rect(0px, 10px, 10px, 5px); }
23
-    .radial-progress .circle .mask .fill {
24
-      clip: rect(0px, 5px, 10px, 0px);
25
-      background-color: #1565c0; }
26
-
27
-.list {
28
-  width: 100%; }
29
-  .list .list-item {
30
-    position: relative;
31
-    padding: 12px 15px; }
32
-    .list .list-item:hover {
33
-      background-color: #e4e4e4; }
34
-    .list .list-item .title {
35
-      font-weight: bold;
36
-      font-size: 15px; }
37
-    .list .list-item .info {
38
-      font-size: 13px; }
39
-    .list .list-item .extra {
40
-      font-size: 13px;
41
-      color: #737373; }
42
-    .list .list-item .edit {
43
-      position: absolute;
44
-      right: 15px;
45
-      top: 50%;
46
-      -ms-transform: translateY(-50%);
47
-      -webkit-transform: translateY(-50%);
48
-      transform: translateY(-50%);
49
-      font-size: 25px;
50
-      color: #737373; }
51
-    .list .list-item .mdi {
52
-      cursor: pointer; }
53
-  .list .list-item.no-hover:hover {
54
-    background-color: transparent; }
55
-
56
-/**
57
-  Source: https://codepen.io/sevilayha/pen/IdGKH
58
-  Edited to work with angular
59
- */
60
-/* form starting stylings ------------------------------- */
61
-.group {
62
-  position: relative;
63
-  margin-bottom: 45px; }
64
-
65
-.group:last-child {
66
-  margin-bottom: 0; }
67
-
68
-input[type="text"], input[type="password"], select.input-md {
69
-  font-size: 14px;
70
-  padding: 10px 10px 10px 5px;
71
-  display: block;
72
-  width: 100%;
73
-  border: none;
74
-  border-bottom: 1px solid #757575;
75
-  background: #fff !important; }
76
-
77
-input:focus, select.input-md:focus {
78
-  outline: none; }
79
-
80
-select.input-md {
81
-  background-color: #fff;
82
-  cursor: pointer;
83
-  margin-top: -3px; }
84
-
85
-/* LABEL ======================================= */
86
-.group label {
87
-  color: #999;
88
-  font-size: 14px;
89
-  font-weight: normal;
90
-  position: absolute;
91
-  pointer-events: none;
92
-  left: 5px;
93
-  top: 10px;
94
-  transition: 0.2s ease all;
95
-  -moz-transition: 0.2s ease all;
96
-  -webkit-transition: 0.2s ease all; }
97
-
98
-/* active state */
99
-input[type="text"]:focus ~ label, input[type="password"]:focus ~ label,
100
-input[type="text"].ng-valid:not(.ng-empty) ~ label, input[type="password"].ng-valid:not(.ng-empty) ~ label,
101
-select.ng-valid:not(.ng-empty) ~ label {
102
-  top: -20px;
103
-  font-size: 14px;
104
-  color: #1565c0; }
105
-
106
-.col33 {
107
-  width: 29%;
108
-  float: left; }
109
-  .col33:first-child {
110
-    padding-right: 10px; }
111
-  .col33:not(:first-child) {
112
-    padding-left: 10px; }
113
-
114
-/* BOTTOM BARS ================================= */
115
-.bar {
116
-  position: relative;
117
-  display: block;
118
-  width: 100%; }
119
-
120
-.bar:before, .bar:after {
121
-  content: '';
122
-  height: 2px;
123
-  width: 0;
124
-  bottom: 1px;
125
-  position: absolute;
126
-  background: #1565c0;
127
-  transition: 0.2s ease all;
128
-  -moz-transition: 0.2s ease all;
129
-  -webkit-transition: 0.2s ease all; }
130
-
131
-.bar:before {
132
-  left: 50%; }
133
-
134
-.bar:after {
135
-  right: 50%; }
136
-
137
-/* active state */
138
-input:focus ~ .bar:before, input:focus ~ .bar:after {
139
-  width: 50%; }
140
-
141
-/* HIGHLIGHTER ================================== */
142
-.highlight {
143
-  position: absolute;
144
-  height: 60%;
145
-  width: 100px;
146
-  top: 25%;
147
-  left: 0;
148
-  pointer-events: none;
149
-  opacity: 0.5; }
150
-
151
-.group .mdi-content-copy, .pwField .mdi, .group .mdi-delete {
152
-  /*position: absolute;
153
-  right: 0;*/
154
-  margin-top: 5px;
155
-  float: right;
156
-  font-size: 15px;
157
-  cursor: pointer;
158
-  height: 32px;
159
-  padding-top: 6px;
160
-  padding-left: 9px;
161
-  width: 32px;
162
-  border-top-left-radius: 16px;
163
-  border-top-right-radius: 16px;
164
-  border-bottom-right-radius: 16px;
165
-  border-top-right-radius: 16px;
166
-  border-bottom-left-radius: 16px;
167
-  border-bottom-right-radius: 16px;
168
-  border-bottom-left-radius: 16px;
169
-  border-top-left-radius: 16px; }
170
-  .group .mdi-content-copy:hover, .pwField .mdi:hover, .group .mdi-delete:hover {
171
-    text-decoration: none;
172
-    background-color: #e4e4e4; }
173
-
174
-.pwField .mdi-content-copy ~ input {
175
-  width: calc(100% - 96px); }
176
-
177
-.mdi-content-copy ~ input {
178
-  width: calc(100% - 32px); }
179
-
180
-.mdi-delete ~ input {
181
-  width: calc(100% - 32px); }
182
-
183
-.mdi-content-copy ~ .bar {
184
-  width: calc(100% - 32px); }
185
-
186
-.mdi-delete ~ .bar {
187
-  width: calc(100% - 32px); }
188
-
189
-/* active state */
190
-input:focus ~ .highlight, select.input-md ~ .highlight {
191
-  -webkit-animation: inputHighlighter 0.3s ease;
192
-  -moz-animation: inputHighlighter 0.3s ease;
193
-  animation: inputHighlighter 0.3s ease; }
194
-
195
-/* ANIMATIONS ================ */
196
-@-webkit-keyframes inputHighlighter {
197
-  from {
198
-    background: #1565c0; }
199
-  to {
200
-    width: 0;
201
-    background: transparent; } }
202
-@-moz-keyframes inputHighlighter {
203
-  from {
204
-    background: #1565c0; }
205
-  to {
206
-    width: 0;
207
-    background: transparent; } }
208
-@keyframes inputHighlighter {
209
-  from {
210
-    background: #1565c0; }
211
-  to {
212
-    width: 0;
213
-    background: transparent; } }
214
-/**
215
-  Source: https://codepen.io/guuslieben/pen/YyPRVP
216
- */
217
-.switch-input {
218
-  display: none; }
219
-
220
-.switch-label {
221
-  position: relative;
222
-  display: inline-block;
223
-  min-width: 112px;
224
-  cursor: pointer;
225
-  font-weight: 500;
226
-  text-align: left;
227
-  padding: 16px 0 16px 44px; }
228
-
229
-.switch-label:before, .switch-label:after {
230
-  content: "";
231
-  position: absolute;
232
-  margin: 0;
233
-  outline: 0;
234
-  top: 50%;
235
-  -ms-transform: translate(0, -50%);
236
-  -webkit-transform: translate(0, -50%);
237
-  transform: translate(0, -50%);
238
-  -webkit-transition: all 0.3s ease;
239
-  transition: all 0.3s ease; }
240
-
241
-.switch-label:before {
242
-  left: 1px;
243
-  width: 34px;
244
-  height: 14px;
245
-  background-color: #9E9E9E;
246
-  border-radius: 8px; }
247
-
248
-.switch-label:after {
249
-  left: 0;
250
-  width: 20px;
251
-  height: 20px;
252
-  background-color: #FAFAFA;
253
-  border-radius: 50%;
254
-  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084); }
255
-
256
-.switch-label .toggle--on {
257
-  display: none; }
258
-
259
-.switch-label .toggle--off {
260
-  display: inline-block; }
261
-
262
-.switch-input:checked + .switch-label:before {
263
-  background-color: #4f98ec; }
264
-
265
-.switch-input:checked + .switch-label:after {
266
-  background-color: #1565c0;
267
-  -ms-transform: translate(80%, -50%);
268
-  -webkit-transform: translate(80%, -50%);
269
-  transform: translate(80%, -50%); }
270
-
271
-.switch-input:checked + .switch-label .toggle--on {
272
-  display: inline-block; }
273
-
274
-.switch-input:checked + .switch-label .toggle--off {
275
-  display: none; }
276
-
277
-/**
278
-  Source: https://codepen.io/anon/pen/PmEeyo
279
- */
280
-.md-checkbox {
281
-  color: #818181;
282
-  font-size: 15px;
283
-  font-weight: bold;
284
-  font-family: 'Roboto', sans-serif;
285
-  letter-spacing: .5px; }
286
-  .md-checkbox .input-checkbox {
287
-    position: relative;
288
-    display: inline-block;
289
-    width: 32px;
290
-    text-align: center;
291
-    vertical-align: -9px; }
292
-    .md-checkbox .input-checkbox input[type="checkbox"] {
293
-      visibility: hidden;
294
-      position: absolute;
295
-      left: 7px;
296
-      bottom: 7px;
297
-      margin: 0;
298
-      padding: 0;
299
-      outline: none;
300
-      cursor: pointer;
301
-      opacity: 0; }
302
-      .md-checkbox .input-checkbox input[type="checkbox"] + .checkbox:before {
303
-        position: absolute;
304
-        left: 4px;
305
-        bottom: 8px;
306
-        width: 18px;
307
-        height: 18px;
308
-        font-family: 'Material Icons';
309
-        font-weight: normal;
310
-        font-style: normal;
311
-        font-size: 24px;
312
-        line-height: 1;
313
-        text-transform: none;
314
-        letter-spacing: normal;
315
-        word-wrap: normal;
316
-        white-space: nowrap;
317
-        direction: ltr;
318
-        vertical-align: -6px;
319
-        /* Support for all WebKit browsers. */
320
-        -webkit-font-smoothing: antialiased;
321
-        /* Support for Safari and Chrome. */
322
-        text-rendering: optimizeLegibility;
323
-        /* Support for Firefox. */
324
-        -moz-osx-font-smoothing: grayscale;
325
-        /* Support for IE. */
326
-        font-feature-settings: 'liga';
327
-        transition: all .2s ease;
328
-        z-index: 1; }
329
-      .md-checkbox .input-checkbox input[type="checkbox"] + .checkbox:before {
330
-        content: "\e835";
331
-        color: #717171; }
332
-      .md-checkbox .input-checkbox input[type="checkbox"]:checked + .checkbox:before {
333
-        content: "\e834"; }
334
-      .md-checkbox .input-checkbox input[type="checkbox"]:active:not(:disabled) + .checkbox:before {
335
-        transform: scale3d(0.88, 0.88, 1); }
336
-      .md-checkbox .input-checkbox input[type="checkbox"]:disabled + .checkbox:before {
337
-        color: rgba(0, 0, 0, 0.157) !important; }
338
-  .md-checkbox.checkbox-light label, .md-checkbox.checkbox-light .label {
339
-    color: #FFF; }
340
-  .md-checkbox.checkbox-light input[type="checkbox"] + .checkbox:before {
341
-    color: #FFF; }
342
-  .md-checkbox.checkbox-light input[type="checkbox"]:disabled + .checkbox:before {
343
-    color: #5d5d5d !important; }
344
-  .md-checkbox.checkbox-light.checkbox-rotate input[type="checkbox"] + .checkbox:before {
345
-    border-color: #FFF; }
346
-  .md-checkbox.checkbox-light.checkbox-rotate input[type="checkbox"]:disabled + .checkbox:before {
347
-    border-color: #5d5d5d !important; }
348
-  .md-checkbox label, .md-checkbox .label {
349
-    cursor: pointer;
350
-    color: #797979; }
351
-
352
-.md-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"] + .checkbox {
353
-  cursor: pointer; }
354
-  .md-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"] + .checkbox:before {
355
-    content: "";
356
-    position: absolute;
357
-    left: 7px;
358
-    bottom: 7px;
359
-    width: 18px;
360
-    height: 18px;
361
-    border: 2px solid #717171;
362
-    border-radius: 2px;
363
-    transition: all .2s ease;
364
-    z-index: 1; }
365
-.md-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]:checked + .checkbox:before {
366
-  left: 11px;
367
-  width: 12px;
368
-  height: 20px;
369
-  border-width: 2px;
370
-  border-style: solid;
371
-  border-top: transparent;
372
-  border-left: transparent;
373
-  transform: rotate(40deg);
374
-  border-radius: 1px; }
375
-.md-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]:disabled + .checkbox:before {
376
-  border-color: rgba(0, 0, 0, 0.157) !important; }
377
-
378
-.md-checkbox:not(.checkbox-rotate) .checkbox-lightBlue input[type="checkbox"]:checked + .checkbox:before {
379
-  color: #03a9f4; }
380
-
381
-.md-checkbox.checkbox-rotate .checkbox-lightBlue input[type="checkbox"]:checked + .checkbox:before {
382
-  border-color: #03a9f4; }
383
-
384
-/**
385
- Source: https://codepen.io/sebj54/pen/oxluI
386
- */
387
-.md-btn {
388
-  position: relative;
389
-  margin: 0 15px 15px 15px;
390
-  padding: 0;
391
-  overflow: hidden;
392
-  border-width: 0;
393
-  outline: none;
394
-  border-radius: 2px;
395
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
396
-  color: #212121;
397
-  background-color: #fafafa;
398
-  cursor: pointer;
399
-  display: inline-block;
400
-  transition: background-color .3s; }
401
-  .md-btn.margin5 {
402
-    margin: 0 5px 5px 5px; }
403
-
404
-.md-btn.default, .btn:focus {
405
-  background-color: #106cc8;
406
-  color: rgba(255, 255, 255, 0.87); }
407
-
408
-.md-btn.default:hover, .btn:focus {
409
-  background-color: #0159a2; }
410
-
411
-.md-btn > * {
412
-  position: relative; }
413
-
414
-.md-btn span {
415
-  display: inline-block;
416
-  padding: 12px 24px; }
417
-
418
-.md-btn:before {
419
-  content: "";
420
-  position: absolute;
421
-  top: 50%;
422
-  left: 50%;
423
-  display: block;
424
-  width: 0;
425
-  padding-top: 0;
426
-  border-radius: 100%;
427
-  background-color: rgba(236, 240, 241, 0.3);
428
-  -webkit-transform: translate(-50%, -50%);
429
-  -moz-transform: translate(-50%, -50%);
430
-  -ms-transform: translate(-50%, -50%);
431
-  -o-transform: translate(-50%, -50%);
432
-  transform: translate(-50%, -50%); }
433
-
434
-.md-btn:active:before {
435
-  width: 120%;
436
-  padding-top: 120%;
437
-  transition: width .2s ease-out, padding-top .2s ease-out; }
438
-
439
-.md-btn.orange {
440
-  background-color: #e67e22; }
441
-
442
-.md-btn.orange:hover, .btn.orange:focus {
443
-  background-color: #d35400; }
444
-
445
-.md-btn.red {
446
-  background-color: #ff5722;
447
-  color: rgba(255, 255, 255, 0.87); }
448
-
449
-.md-btn.red:hover, .btn.red:focus {
450
-  background-color: #f4511e; }
451
-
452
-.tab-wrap {
453
-  width: 100%;
454
-  height: 600px;
455
-  /*position: absolute;*/ }
456
-  .tab-wrap label:not(.ng-binding) {
457
-    cursor: pointer;
458
-    color: rgba(0, 0, 0, 0.8);
459
-    background-color: #fff;
460
-    box-sizing: border-box;
461
-    display: inline-flex !important;
462
-    align-items: center;
463
-    justify-content: center;
464
-    text-align: center;
465
-    height: 56px;
466
-    transition: color 0.2s ease;
467
-    width: 100%;
468
-    border-bottom: 1px solid #c9c9c9; }
469
-  .tab-wrap .slide {
470
-    background: #1565c0;
471
-    width: calc(100% / 2);
472
-    height: 4px;
473
-    position: relative;
474
-    left: 0;
475
-    top: 52px;
476
-    transition: left 0.3s ease-out; }
477
-  .tab-wrap .tab-label-content {
478
-    width: calc(100% / 2);
479
-    float: left; }
480
-    .tab-wrap .tab-label-content .tab-content {
481
-      position: absolute;
482
-      top: 100px;
483
-      left: 16px;
484
-      line-height: 130%;
485
-      display: none;
486
-      width: 100%;
487
-      padding-right: 20px; }
488
-      .tab-wrap .tab-label-content .tab-content.active {
489
-        display: block;
490
-        margin-top: 40px; }
491
-      .tab-wrap .tab-label-content .tab-content .custom_field {
492
-        float: left;
493
-        margin-bottom: 15px; }
494
-        .tab-wrap .tab-label-content .tab-content .custom_field .field {
495
-          float: left;
496
-          width: 50%; }
497
-          .tab-wrap .tab-label-content .tab-content .custom_field .field:first-child {
498
-            padding-right: 10px; }
499
-          .tab-wrap .tab-label-content .tab-content .custom_field .field:not(:first-child) {
500
-            padding-left: 10px; }
501
-  @media screen and (max-width: 800px) {
502
-    .tab-wrap h1 {
503
-      padding: 40px 0 90px 10%; }
504
-    .tab-wrap .tab-wrap {
505
-      width: 80%;
506
-      margin-left: 10%;
507
-      top: -106px; } }
508
-
509
-.slide.right {
510
-  left: 50%; }
511
-
512
-input[type="radio"][name="tabs"] {
513
-  position: absolute;
514
-  z-index: -1; }
515
-  input[type="radio"][name="tabs"]:checked + .tab-label-content label:not(.ng-binding) {
516
-    color: rgba(0, 0, 0, 0.8); }
517
-  input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
518
-    display: block;
519
-    margin-top: 40px; }
520
-  input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
521
-    left: calc((100% / 2) * 0); }
522
-  input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
523
-    left: calc((100% / 2) * 1); }
524
-  input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
525
-    left: 0; }
526
-
527
-body {
528
-  width: 450px;
529
-  min-height: 350px;
530
-  font-family: 'Roboto', sans-serif;
531
-  overflow-x: hidden; }
532
-  body.setup {
533
-    width: 100%; }
534
-
535
-header {
536
-  width: 100%;
537
-  height: 50px;
538
-  background: #1565c0;
539
-  position: fixed;
540
-  top: 0;
541
-  z-index: 100;
542
-  -webkit-transition: all 0.250s ease;
543
-  -moz-transition: all 0.250s ease;
544
-  -o-transition: all 0.250s ease;
545
-  transition: all 0.250s ease; }
546
-
547
-body.toggled {
548
-  overflow-x: hidden; }
549
-
550
-/* Toggle Styles */
551
-#wrapper {
552
-  padding-left: 0;
553
-  -webkit-transition: all 0.250s ease;
554
-  -moz-transition: all 0.250s ease;
555
-  -o-transition: all 0.250s ease;
556
-  transition: all 0.250s ease; }
557
-
558
-#sidebar-wrapper {
559
-  z-index: 1000;
560
-  position: fixed;
561
-  left: 250px;
562
-  width: 0;
563
-  height: 100%;
564
-  margin-left: -250px;
565
-  overflow: hidden;
566
-  background: #fff;
567
-  -webkit-transition: all 0.250s ease;
568
-  -moz-transition: all 0.250s ease;
569
-  -o-transition: all 0.250s ease;
570
-  transition: all 0.250s ease;
571
-  border-right: 1px solid #c9c9c9; }
572
-
573
-#wrapper.toggled #sidebar-wrapper {
574
-  width: 250px;
575
-  overflow-x: hidden; }
576
-
577
-#page-content-wrapper {
578
-  width: 100%;
579
-  /*position: absolute;*/
580
-  padding-top: 50px;
581
-  overflow-y: auto; }
582
-
583
-#wrapper.toggled #page-content-wrapper {
584
-  /*position: absolute;*/
585
-  margin-right: -250px;
586
-  /*  width: calc(100% - 250px);*/ }
587
-
588
-.ng-hide {
589
-  display: none; }
590
-
591
-/* Sidebar Styles */
592
-.sidebar-nav {
593
-  position: absolute;
594
-  top: 0;
595
-  width: 250px;
596
-  margin: 0;
597
-  padding: 0;
598
-  list-style: none;
599
-  height: 100%; }
600
-  .sidebar-nav li {
601
-    line-height: 55px; }
602
-    .sidebar-nav li a {
603
-      cursor: pointer;
604
-      display: block;
605
-      text-decoration: none;
606
-      color: #000; }
607
-      .sidebar-nav li a .mdi {
608
-        padding-left: 15px;
609
-        padding-right: 15px;
610
-        color: #737373;
611
-        cursor: pointer; }
612
-      .sidebar-nav li a:hover {
613
-        text-decoration: none;
614
-        background-color: #e4e4e4; }
615
-      .sidebar-nav li a:active, .sidebar-nav li a:focus {
616
-        text-decoration: none; }
617
-    .sidebar-nav li.bottom {
618
-      position: absolute;
619
-      bottom: 0;
620
-      font-size: 12px;
621
-      text-align: center;
622
-      width: 100%;
623
-      margin-bottom: 15px;
624
-      line-height: 0; }
625
-  .sidebar-nav > .sidebar-brand {
626
-    height: 50px;
627
-    font-size: 18px;
628
-    line-height: 50px;
629
-    text-align: center;
630
-    background-color: #1565c0;
631
-    border-right: 1px solid #104d92; }
632
-    .sidebar-nav > .sidebar-brand span {
633
-      display: block;
634
-      text-decoration: none;
635
-      color: #fff; }
636
-      .sidebar-nav > .sidebar-brand span img {
637
-        height: 32px;
638
-        margin-right: 10px; }
639
-      .sidebar-nav > .sidebar-brand span:hover {
640
-        color: #fff;
641
-        background: none; }
642
-      .sidebar-nav > .sidebar-brand span .mdi {
643
-        padding-left: 15px;
644
-        padding-right: 15px;
645
-        float: right;
646
-        color: #fff;
647
-        cursor: pointer; }
648
-
649
-.menuToggler {
650
-  position: fixed;
651
-  background-color: rgba(0, 0, 0, 0.6);
652
-  width: calc(100% - 250px);
653
-  height: 100%;
654
-  z-index: 9999999;
655
-  right: 0;
656
-  top: 0; }
657
-
658
-.edit_credential {
659
-  padding-top: 30px;
660
-  padding-left: 15px;
661
-  padding-right: 15px; }
662
-
663
-.menu-icon {
664
-  padding: 8px 15px;
665
-  font-size: 24px;
666
-  float: left;
667
-  color: #fff;
668
-  cursor: pointer; }
669
-
670
-label, .switch-label, label:not(.input-checkbox):not(.label) {
671
-  font-weight: normal; }
672
-
673
-.ignored_sites {
674
-  padding: 0; }
675
-  .ignored_sites label {
676
-    font-size: 14px;
677
-    color: #1565c0; }
678
-  .ignored_sites li {
679
-    list-style-type: none;
680
-    height: 25px;
681
-    padding: 5px 0; }
682
-    .ignored_sites li .site {
683
-      white-space: nowrap;
684
-      overflow: hidden;
685
-      text-overflow: ellipsis;
686
-      display: inline-block;
687
-      max-width: calc( 100% - 20px); }
688
-    .ignored_sites li .mdi {
689
-      margin-top: 2px;
690
-      cursor: pointer; }
691
-    .ignored_sites li .mdi:hover {
692
-      color: #a94442; }
693
-  .ignored_sites .group {
694
-    margin-bottom: 45px; }
695
-
696
-.invisible {
697
-  visibility: hidden; }
698
-
699
-.master_pw_warning {
700
-  padding-left: 6px;
701
-  font-size: 10px;
702
-  color: #a94442;
703
-  margin-bottom: 15px; }
704
-
705
-.master_pw_warning.big {
706
-  font-size: 14px;
707
-  text-align: center; }
708
-
709
-.unlock {
710
-  width: 350px;
711
-  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
712
-  margin: -20px auto 10px;
713
-  padding: 20px; }
714
-  .unlock .group {
715
-    margin-bottom: 25px; }
716
-  .unlock img {
717
-    height: 50px;
718
-    margin: 15px auto;
719
-    display: block; }
720
-  .unlock .md-checkbox {
721
-    margin: 15px 0; }
722
-  .unlock .md-btn {
723
-    margin: 5px auto;
724
-    display: block; }
725
-
726
-.setup {
727
-  width: 420px;
728
-  margin: 0 auto;
729
-  padding: 15px; }
730
-  .setup h3 {
731
-    margin-bottom: 35px;
732
-    padding-left: 5px; }
733
-
734
-#tab1-content {
735
-  border-right: 1px solid #333333; }
736
-
737
-.tab-wrap .tab-label-content label.tab-title {
738
-  padding: 16px 90px;
739
-  margin-bottom: 0; }
740
-
741
-.tab-wrap .tab-label-content.account .tab-content.active {
742
-  margin-top: 10px; }
743
-
744
-.btn-floating {
745
-  display: inline-block;
746
-  color: #fff;
747
-  position: relative;
748
-  overflow: hidden;
749
-  z-index: 1;
750
-  width: 40px;
751
-  height: 40px;
752
-  line-height: 40px;
753
-  padding: 0;
754
-  background-color: #1565c0;
755
-  border-radius: 50%;
756
-  transition: .3s;
757
-  cursor: pointer;
758
-  vertical-align: middle; }
759
-
760
-.btn, .btn-large {
761
-  text-decoration: none;
762
-  color: #fff;
763
-  background-color: #1565c0;
764
-  text-align: center;
765
-  letter-spacing: .5px;
766
-  transition: .2s ease-out;
767
-  cursor: pointer;
768
-  font-size: 2rem;
769
-  width: 56px;
770
-  height: 56px;
771
-  line-height: 54px; }
772
-
773
-.btn:hover, .btn-large:hover {
774
-  background-color: #4f98ec; }
775
-
776
-.fab {
777
-  position: fixed;
778
-  bottom: 20px;
779
-  right: 20px; }
780
-
781
-.red {
782
-  background-color: #F44336 !important; }
783
-
784
-.cg-notify-message-center {
785
-  left: 112px !important; }
786
-
787
-.version {
788
-  padding-bottom: 10px; }

+ 94
- 0
css/browser_action.css.map
File diff suppressed because it is too large
View File


+ 0
- 5
css/doorhanger-iframe.css View File

@@ -1,5 +0,0 @@
1
-#password-toolbarIframe {
2
-  position: fixed;
3
-  z-index: 99999;
4
-  top: 0;
5
-  left: 0; }

+ 9
- 0
css/doorhanger-iframe.css.map View File

@@ -0,0 +1,9 @@
1
+{
2
+	"version": 3,
3
+	"file": "doorhanger-iframe.css",
4
+	"sources": [
5
+		"../style/doorhanger-iframe.scss"
6
+	],
7
+	"names": [],
8
+	"mappings": "AAAA,AAAA,uBAAuB,CAAA;EACrB,QAAQ,EAAE,KAAK;EACf,OAAO,EAAE,KAAK;EACd,GAAG,EAAE,CAAC;EACN,IAAI,EAAE,CAAC,GACR"
9
+}

+ 0
- 95
css/doorhanger.css View File

@@ -1,95 +0,0 @@
1
-body {
2
-  padding: 0;
3
-  margin: 0;
4
-  font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif !important; }
5
-
6
-#password-toolbar {
7
-  background-color: #fff;
8
-  border-bottom: 1px;
9
-  border-left: 1px;
10
-  border-right: 1px;
11
-  height: 41px;
12
-  font-size: 14px;
13
-  line-height: 30px;
14
-  border-bottom: 1px solid #c9c9c9; }
15
-  #password-toolbar .toolbar-text {
16
-    float: left;
17
-    display: inline-block;
18
-    margin-top: 5px;
19
-    padding-left: 10px;
20
-    width: calc(100% - 500px);
21
-    white-space: nowrap;
22
-    overflow: hidden;
23
-    text-overflow: ellipsis; }
24
-  #password-toolbar .passman-btn {
25
-    outline: none;
26
-    float: right;
27
-    display: inline-block;
28
-    padding: 0 12px;
29
-    line-height: 41px;
30
-    margin-bottom: 0;
31
-    font-size: 14px;
32
-    font-weight: normal;
33
-    text-align: center;
34
-    white-space: nowrap;
35
-    vertical-align: middle;
36
-    -ms-touch-action: manipulation;
37
-    touch-action: manipulation;
38
-    cursor: pointer;
39
-    -webkit-user-select: none;
40
-    -moz-user-select: none;
41
-    -ms-user-select: none;
42
-    user-select: none;
43
-    background-image: none;
44
-    background-color: #fff;
45
-    color: #000;
46
-    /*margin-right: 15px;*/
47
-    border: 0px solid transparent; }
48
-    #password-toolbar .passman-btn:hover {
49
-      background-color: #c9c9c9; }
50
-    #password-toolbar .passman-btn.btn-success {
51
-      background: #3498db;
52
-      color: #fff; }
53
-    #password-toolbar .passman-btn.btn-cancel {
54
-      color: #a8353c; }
55
-    #password-toolbar .passman-btn.btn-save .btn-txt {
56
-      padding-right: 5px; }
57
-    #password-toolbar .passman-btn .caret-container {
58
-      height: 100%;
59
-      display: inline-block;
60
-      padding: 0 5px;
61
-      width: 50%;
62
-      background-color: white;
63
-      color: #000; }
64
-      #password-toolbar .passman-btn .caret-container:hover {
65
-        background-color: #c9c9c9; }
66
-      #password-toolbar .passman-btn .caret-container > .caret-container-txt {
67
-        border-bottom: 1px dashed #fff; }
68
-  #password-toolbar .select_account {
69
-    position: absolute;
70
-    top: 45px;
71
-    color: #333;
72
-    width: 160px;
73
-    right: 93px;
74
-    white-space: nowrap;
75
-    overflow: hidden;
76
-    text-overflow: ellipsis;
77
-    background-color: #fff;
78
-    border: 1px solid #ccc;
79
-    border: 1px solid rgba(0, 0, 0, 0.15);
80
-    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
81
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
82
-    padding: 5px 0; }
83
-    #password-toolbar .select_account .account {
84
-      display: block;
85
-      padding: 3px 5px 3px 10px;
86
-      clear: both;
87
-      font-weight: 400;
88
-      line-height: 1.42857143;
89
-      color: #333;
90
-      white-space: nowrap;
91
-      text-align: left; }
92
-      #password-toolbar .select_account .account:hover {
93
-        color: #262626;
94
-        text-decoration: none;
95
-        background-color: #f5f5f5; }

+ 87
- 0
css/doorhanger.css.map View File

@@ -0,0 +1,87 @@
1
+{
2
+	"version": 3,
3
+	"file": "doorhanger.css",
4
+	"sources": [
5
+		"../style/doorhanger.scss",
6
+		"../style/bourbon/_bourbon.scss",
7
+		"../style/bourbon/settings/_prefixer.scss",
8
+		"../style/bourbon/settings/_px-to-em.scss",
9
+		"../style/bourbon/settings/_asset-pipeline.scss",
10
+		"../style/bourbon/functions/_assign-inputs.scss",
11
+		"../style/bourbon/functions/_contains.scss",
12
+		"../style/bourbon/functions/_contains-falsy.scss",
13
+		"../style/bourbon/functions/_is-length.scss",
14
+		"../style/bourbon/functions/_is-light.scss",
15
+		"../style/bourbon/functions/_is-number.scss",
16
+		"../style/bourbon/functions/_is-size.scss",
17
+		"../style/bourbon/functions/_px-to-em.scss",
18
+		"../style/bourbon/functions/_px-to-rem.scss",
19
+		"../style/bourbon/functions/_shade.scss",
20
+		"../style/bourbon/functions/_strip-units.scss",
21
+		"../style/bourbon/functions/_tint.scss",
22
+		"../style/bourbon/functions/_transition-property-name.scss",
23
+		"../style/bourbon/functions/_unpack.scss",
24
+		"../style/bourbon/functions/_modular-scale.scss",
25
+		"../style/bourbon/helpers/_convert-units.scss",
26
+		"../style/bourbon/helpers/_directional-values.scss",
27
+		"../style/bourbon/helpers/_font-source-declaration.scss",
28
+		"../style/bourbon/helpers/_gradient-positions-parser.scss",
29
+		"../style/bourbon/helpers/_linear-angle-parser.scss",
30
+		"../style/bourbon/helpers/_linear-gradient-parser.scss",
31
+		"../style/bourbon/helpers/_linear-positions-parser.scss",
32
+		"../style/bourbon/helpers/_linear-side-corner-parser.scss",
33
+		"../style/bourbon/helpers/_radial-arg-parser.scss",
34
+		"../style/bourbon/helpers/_radial-positions-parser.scss",
35
+		"../style/bourbon/helpers/_radial-gradient-parser.scss",
36
+		"../style/bourbon/helpers/_render-gradients.scss",
37
+		"../style/bourbon/helpers/_shape-size-stripper.scss",
38
+		"../style/bourbon/helpers/_str-to-num.scss",
39
+		"../style/bourbon/css3/_animation.scss",
40
+		"../style/bourbon/css3/_appearance.scss",
41
+		"../style/bourbon/css3/_backface-visibility.scss",
42
+		"../style/bourbon/css3/_background.scss",
43
+		"../style/bourbon/css3/_background-image.scss",
44
+		"../style/bourbon/css3/_border-image.scss",
45
+		"../style/bourbon/css3/_calc.scss",
46
+		"../style/bourbon/css3/_columns.scss",
47
+		"../style/bourbon/css3/_filter.scss",
48
+		"../style/bourbon/css3/_flex-box.scss",
49
+		"../style/bourbon/css3/_font-face.scss",
50
+		"../style/bourbon/css3/_font-feature-settings.scss",
51
+		"../style/bourbon/css3/_hidpi-media-query.scss",
52
+		"../style/bourbon/css3/_hyphens.scss",
53
+		"../style/bourbon/css3/_image-rendering.scss",
54
+		"../style/bourbon/css3/_keyframes.scss",
55
+		"../style/bourbon/css3/_linear-gradient.scss",
56
+		"../style/bourbon/css3/_perspective.scss",
57
+		"../style/bourbon/css3/_placeholder.scss",
58
+		"../style/bourbon/css3/_radial-gradient.scss",
59
+		"../style/bourbon/css3/_selection.scss",
60
+		"../style/bourbon/css3/_text-decoration.scss",
61
+		"../style/bourbon/css3/_transform.scss",
62
+		"../style/bourbon/css3/_transition.scss",
63
+		"../style/bourbon/css3/_user-select.scss",
64
+		"../style/bourbon/addons/_border-color.scss",
65
+		"../style/bourbon/addons/_border-radius.scss",
66
+		"../style/bourbon/addons/_border-style.scss",
67
+		"../style/bourbon/addons/_border-width.scss",
68
+		"../style/bourbon/addons/_buttons.scss",
69
+		"../style/bourbon/addons/_clearfix.scss",
70
+		"../style/bourbon/addons/_ellipsis.scss",
71
+		"../style/bourbon/addons/_font-stacks.scss",
72
+		"../style/bourbon/addons/_hide-text.scss",
73
+		"../style/bourbon/addons/_margin.scss",
74
+		"../style/bourbon/addons/_padding.scss",
75
+		"../style/bourbon/addons/_position.scss",
76
+		"../style/bourbon/addons/_prefixer.scss",
77
+		"../style/bourbon/addons/_retina-image.scss",
78
+		"../style/bourbon/addons/_size.scss",
79
+		"../style/bourbon/addons/_text-inputs.scss",
80
+		"../style/bourbon/addons/_timing-functions.scss",
81
+		"../style/bourbon/addons/_triangle.scss",
82
+		"../style/bourbon/addons/_word-wrap.scss",
83
+		"../style/bourbon/_bourbon-deprecated-upcoming.scss"
84
+	],
85
+	"names": [],
86
+	"mappings": "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"
87
+}

+ 0
- 191
css/main.css View File

@@ -1,191 +0,0 @@
1
-body {
2
-  font-family: "Open Sans", Frutiger, Calibri, "Myriad Pro", Myriad, sans-serif;
3
-  background-color: #0082c9;
4
-  color: #fff;
5
-  height: 100%;
6
-  margin: 0px;
7
-  padding: 0px;
8
-  overflow-y: hidden;
9
-  overflow-x: hidden; }
10
-
11
-#mainPopup {
12
-  padding: 10px;
13
-  min-height: 260px;
14
-  overflow-y: auto;
15
-  width: 400px;
16
-  font-family: Helvetica, Ubuntu, Arial, sans-serif; }
17
-  #mainPopup .pwcontainer {
18
-    max-height: 195px;
19
-    overflow: auto;
20
-    /*padding-right: 15px;*/ }
21
-    #mainPopup .pwcontainer .credential {
22
-      position: relative;
23
-      border: 1px solid #fff;
24
-      margin-bottom: 0.3em;
25
-      float: left;
26
-      width: 100%;
27
-      padding: 5px; }
28
-  #mainPopup .footer {
29
-    background: #fff;
30
-    height: 50px;
31
-    position: absolute;
32
-    bottom: 0;
33
-    margin-left: -10px;
34
-    width: 100%;
35
-    color: #000;
36
-    background: -webkit-linear-gradient(#fff, #ddd);
37
-    background: linear-gradient(#fff, #ddd); }
38
-    #mainPopup .footer small {
39
-      width: 100%;
40
-      display: block;
41
-      text-align: center; }
42
-    #mainPopup .footer .bottomBtn {
43
-      float: left;
44
-      font-size: 18px;
45
-      padding: 14px;
46
-      cursor: pointer; }
47
-    #mainPopup .footer .bottomBtn:hover {
48
-      /*background-color: #ddd;*/
49
-      background: -webkit-linear-gradient(#ddd, #fff);
50
-      background: linear-gradient(#ddd, #fff);
51
-      border: 1px solid #ccc; }
52
-
53
-.equalDivide td {
54
-  vertical-align: middle;
55
-  padding: 3px; }
56
-
57
-/*
58
-.bottom {
59
-  position: absolute;
60
-  bottom: 0;
61
-  height: 60px;
62
-}*/
63
-.ng-invalid {
64
-  border-color: #a94442; }
65
-
66
-.alerts li {
67
-  list-style-type: none; }
68
-
69
-input[type="password"], input[type="text"] {
70
-  box-sizing: border-box;
71
-  display: inline-block;
72
-  height: 36px;
73
-  background-color: #fff;
74
-  color: #333;
75
-  border: 1px solid #ddd;
76
-  outline: none;
77
-  border-radius: 3px;
78
-  padding: 7px 10px;
79
-  font-size: 13px;
80
-  cursor: auto; }
81
-
82
-.unlock {
83
-  min-height: 275px;
84
-  text-align: center; }
85
-  .unlock input[type="text"] {
86
-    margin-top: 15px;
87
-    margin-bottom: 15px; }
88
-  .unlock input[type="checkbox"] {
89
-    margin-top: 10px;
90
-    margin-bottom: 10px; }
91
-  .unlock .error {
92
-    padding: 5px;
93
-    color: #a94442;
94
-    background-color: #f2dede;
95
-    border-color: #ebccd1;
96
-    margin-bottom: 10px;
97
-    border-radius: 3px; }
98
-  .unlock .error.ng-hide {
99
-    display: block;
100
-    visibility: hidden; }
101
-
102
-.setup {
103
-  background-color: #0082c9;
104
-  color: #fff;
105
-  min-height: 350px; }
106
-  .setup h2 {
107
-    font-size: 18px; }
108
-  .setup label {
109
-    display: block; }
110
-  .setup input[type="text"], .setup input[type="password"] {
111
-    width: 100%; }
112
-  .setup input[type="text"], .setup input[type="password"], .setup select {
113
-    display: block; }
114
-  .setup .btn {
115
-    position: fixed;
116
-    bottom: 15px; }
117
-    .setup .btn.stepNext {
118
-      right: 15px; }
119
-
120
-.angular-steps {
121
-  position: relative; }
122
-  .angular-steps .step {
123
-    position: absolute;
124
-    z-index: 1;
125
-    margin-top: -10px;
126
-    margin-left: -10px;
127
-    height: 100%;
128
-    width: 100%;
129
-    padding: 10px; }
130
-  .angular-steps .step.ng-hide {
131
-    display: block !important;
132
-    z-index: 0; }
133
-
134
-/*
135
- * Animations (optional) - requires ngAnimate
136
- */
137
-.angular-steps .step.ng-hide-add,
138
-.angular-steps .step.ng-hide-remove {
139
-  -webkit-transition: all 0.6s ease-in-out;
140
-  -moz-transition: all 0.6s ease-in-out;
141
-  transition: all 0.6s ease-in-out;
142
-  opacity: 1; }
143
-.angular-steps .step.ng-hide {
144
-  opacity: 0; }
145
-
146
-.nopadding {
147
-  padding: 0; }
148
-
149
-.pad5 {
150
-  padding: 5px; }
151
-
152
-.ng-hide {
153
-  display: none; }
154
-
155
-.version {
156
-  font-size: 12px;
157
-  margin-right: 10px; }
158
-
159
-.searchContainer {
160
-  margin-bottom: 15px; }
161
-
162
-.ignored_sites {
163
-  padding: 0; }
164
-  .ignored_sites li {
165
-    list-style-type: none;
166
-    padding: 0; }
167
-    .ignored_sites li .fa {
168
-      margin-top: 2px;
169
-      cursor: pointer; }
170
-    .ignored_sites li .fa:hover {
171
-      color: #a94442; }
172
-
173
-input {
174
-  color: #000; }
175
-
176
-.editCredential tr td {
177
-  padding: 5px; }
178
-
179
-.edit:before {
180
-  font: normal normal normal 14px/1 FontAwesome;
181
-  content: "\f0da";
182
-  height: 100%;
183
-  width: 20px;
184
-  position: absolute;
185
-  right: 0;
186
-  top: 0;
187
-  bottom: 0;
188
-  border-left: 1px solid white;
189
-  padding-left: 8px;
190
-  padding-top: 5%;
191
-  cursor: pointer; }

+ 87
- 0
css/main.css.map View File

@@ -0,0 +1,87 @@
1
+{
2
+	"version": 3,
3
+	"file": "main.css",
4
+	"sources": [
5
+		"../style/main.scss",
6
+		"../style/bourbon/_bourbon.scss",
7
+		"../style/bourbon/settings/_prefixer.scss",
8
+		"../style/bourbon/settings/_px-to-em.scss",
9
+		"../style/bourbon/settings/_asset-pipeline.scss",
10
+		"../style/bourbon/functions/_assign-inputs.scss",
11
+		"../style/bourbon/functions/_contains.scss",
12
+		"../style/bourbon/functions/_contains-falsy.scss",
13
+		"../style/bourbon/functions/_is-length.scss",
14
+		"../style/bourbon/functions/_is-light.scss",
15
+		"../style/bourbon/functions/_is-number.scss",
16
+		"../style/bourbon/functions/_is-size.scss",
17
+		"../style/bourbon/functions/_px-to-em.scss",
18
+		"../style/bourbon/functions/_px-to-rem.scss",
19
+		"../style/bourbon/functions/_shade.scss",
20
+		"../style/bourbon/functions/_strip-units.scss",
21
+		"../style/bourbon/functions/_tint.scss",
22
+		"../style/bourbon/functions/_transition-property-name.scss",
23
+		"../style/bourbon/functions/_unpack.scss",
24
+		"../style/bourbon/functions/_modular-scale.scss",
25
+		"../style/bourbon/helpers/_convert-units.scss",
26
+		"../style/bourbon/helpers/_directional-values.scss",
27
+		"../style/bourbon/helpers/_font-source-declaration.scss",
28
+		"../style/bourbon/helpers/_gradient-positions-parser.scss",
29
+		"../style/bourbon/helpers/_linear-angle-parser.scss",
30
+		"../style/bourbon/helpers/_linear-gradient-parser.scss",
31
+		"../style/bourbon/helpers/_linear-positions-parser.scss",
32
+		"../style/bourbon/helpers/_linear-side-corner-parser.scss",
33
+		"../style/bourbon/helpers/_radial-arg-parser.scss",
34
+		"../style/bourbon/helpers/_radial-positions-parser.scss",
35
+		"../style/bourbon/helpers/_radial-gradient-parser.scss",
36
+		"../style/bourbon/helpers/_render-gradients.scss",
37
+		"../style/bourbon/helpers/_shape-size-stripper.scss",
38
+		"../style/bourbon/helpers/_str-to-num.scss",
39
+		"../style/bourbon/css3/_animation.scss",
40
+		"../style/bourbon/css3/_appearance.scss",
41
+		"../style/bourbon/css3/_backface-visibility.scss",
42
+		"../style/bourbon/css3/_background.scss",
43
+		"../style/bourbon/css3/_background-image.scss",
44
+		"../style/bourbon/css3/_border-image.scss",
45
+		"../style/bourbon/css3/_calc.scss",
46
+		"../style/bourbon/css3/_columns.scss",
47
+		"../style/bourbon/css3/_filter.scss",
48
+		"../style/bourbon/css3/_flex-box.scss",
49
+		"../style/bourbon/css3/_font-face.scss",
50
+		"../style/bourbon/css3/_font-feature-settings.scss",
51
+		"../style/bourbon/css3/_hidpi-media-query.scss",
52
+		"../style/bourbon/css3/_hyphens.scss",
53
+		"../style/bourbon/css3/_image-rendering.scss",
54
+		"../style/bourbon/css3/_keyframes.scss",
55
+		"../style/bourbon/css3/_linear-gradient.scss",
56
+		"../style/bourbon/css3/_perspective.scss",
57
+		"../style/bourbon/css3/_placeholder.scss",
58
+		"../style/bourbon/css3/_radial-gradient.scss",
59
+		"../style/bourbon/css3/_selection.scss",
60
+		"../style/bourbon/css3/_text-decoration.scss",
61
+		"../style/bourbon/css3/_transform.scss",
62
+		"../style/bourbon/css3/_transition.scss",
63
+		"../style/bourbon/css3/_user-select.scss",
64
+		"../style/bourbon/addons/_border-color.scss",
65
+		"../style/bourbon/addons/_border-radius.scss",
66
+		"../style/bourbon/addons/_border-style.scss",
67
+		"../style/bourbon/addons/_border-width.scss",
68
+		"../style/bourbon/addons/_buttons.scss",
69
+		"../style/bourbon/addons/_clearfix.scss",
70
+		"../style/bourbon/addons/_ellipsis.scss",
71
+		"../style/bourbon/addons/_font-stacks.scss",
72
+		"../style/bourbon/addons/_hide-text.scss",
73
+		"../style/bourbon/addons/_margin.scss",
74
+		"../style/bourbon/addons/_padding.scss",
75
+		"../style/bourbon/addons/_position.scss",
76
+		"../style/bourbon/addons/_prefixer.scss",
77
+		"../style/bourbon/addons/_retina-image.scss",
78
+		"../style/bourbon/addons/_size.scss",
79
+		"../style/bourbon/addons/_text-inputs.scss",
80
+		"../style/bourbon/addons/_timing-functions.scss",
81
+		"../style/bourbon/addons/_triangle.scss",
82
+		"../style/bourbon/addons/_word-wrap.scss",
83
+		"../style/bourbon/_bourbon-deprecated-upcoming.scss"
84
+	],
85
+	"names": [],
86
+	"mappings": "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"
87
+}

+ 0
- 226
css/password_picker.css View File

@@ -1,226 +0,0 @@
1
-.passwordPickerIcon .fa-key {
2
-  -webkit-transform: rotate(135deg);
3
-  -moz-transform: rotate(135deg);
4
-  -ms-transform: rotate(135deg);
5
-  -o-transform: rotate(135deg);
6
-  transform: rotate(135deg);
7
-  cursor: pointer; }
8
-
9
-body {
10
-  padding: 0;
11
-  margin: 0;
12
-  overflow: hidden;
13
-  background-color: transparent; }
14
-
15
-small {
16
-  color: #797979; }
17
-
18
-#password_picker {
19
-  width: 330px;
20
-  border: 2px solid #000;
21
-  max-height: 375px;
22
-  overflow: hidden;
23
-  z-index: 9999999;
24
-  box-sizing: content-box;
25
-  font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif; }
26
-  #password_picker .tabs {
27
-    position: static;
28
-    height: 37px;
29
-    background-color: #0082c9;
30
-    margin-bottom: 0;
31
-    float: left;
32
-    width: 100%; }
33
-    #password_picker .tabs .tab {
34
-      float: left;
35
-      margin-bottom: 0;
36
-      padding: 10px 10px;
37
-      color: #004378;
38
-      cursor: pointer; }
39
-      #password_picker .tabs .tab .fa {
40
-        font-size: 16px;
41
-        box-sizing: content-box;
42
-        margin: 0;
43
-        padding: 0; }
44
-      #password_picker .tabs .tab.active {
45
-        color: #0082c9;
46
-        background: #fff; }
47
-      #password_picker .tabs .tab.active:hover {
48
-        color: #0082C9; }
49
-      #password_picker .tabs .tab:hover {
50
-        color: #e1e1e1; }
51
-      #password_picker .tabs .tab.close {
52
-        float: right;
53
-        margin-top: -6px;
54
-        padding: 11px 10px;
55
-        border-left: 1px solid #1572b9; }
56
-  #password_picker div {
57
-    box-sizing: content-box; }
58
-  #password_picker .input {
59
-    float: left;
60
-    background: #fff;
61
-    color: #555;
62
-    cursor: text;
63
-    font-family: inherit;
64
-    border: 1px solid #ddd;
65
-    outline: none;
66
-    height: 21px;
67
-    border-radius: 3px;
68
-    margin: 3px 3px 3px 0;
69
-    padding: 5px 6px 5px;
70
-    font-size: 13px;
71
-    box-sizing: content-box;
72
-    background-clip: padding-box; }
73
-  #password_picker input[type="password"], #password_picker input[type="text"]:not(#savepw-password) {
74
-    width: calc(100% - 24px) !important; }
75
-  #password_picker input[type="password"], #password_picker #savepw-password {
76
-    width: calc(100% - 75px) !important;
77
-    border-top-left-radius: 0px;
78
-    border-top-right-radius: 0px;
79
-    border-bottom-right-radius: 0px;
80
-    border-top-right-radius: 0px;
81
-    border-bottom-left-radius: 0px;
82
-    border-bottom-right-radius: 0px;
83
-    border-bottom-left-radius: 0px;
84
-    border-top-left-radius: 0px; }
85
-  #password_picker .niceInputButtons {
86
-    float: left;
87
-    margin-top: 3px;
88
-    margin-left: -3px; }
89
-    #password_picker .niceInputButtons .cell {
90
-      margin-left: -5px;
91
-      display: inline-block;
92
-      font-size: 14px;
93
-      border: 1px solid #ddd;
94
-      background-color: #eaeaea;
95
-      cursor: pointer;
96
-      height: 24px;
97
-      padding: 7px 8px 0; }
98
-    #password_picker .niceInputButtons .cell:last-child {
99
-      -webkit-border-bottom-right-radius: 3px;
100
-      border-bottom-right-radius: 3px;
101
-      -webkit-border-top-right-radius: 3px;
102
-      border-top-right-radius: 3px;
103
-      background-clip: padding-box; }
104
-  #password_picker .rrow {
105
-    float: left;
106
-    width: 100%;
107
-    margin-bottom: 5px; }
108
-  #password_picker .tab-content {
109
-    display: block;
110
-    box-sizing: content-box;
111
-    background: #fff;
112
-    padding: 5px;
113
-    margin: 0;
114
-    width: calc(100% - 11px);
115
-    overflow: auto;
116
-    font-size: 13px;
117
-    max-height: 330px; }
118
-    #password_picker .tab-content .pull-left {
119
-      float: left; }
120
-    #password_picker .tab-content h2 {
121
-      font-size: 16px;
122
-      margin: 0 0 15px 0px; }
123
-    #password_picker .tab-content .tab-add-content label {
124
-      display: block;
125
-      margin-bottom: 5px; }
126
-    #password_picker .tab-content .tab-list-content, #password_picker .tab-content #searchResults {
127
-      width: 100%;
128
-      font-size: 15px; }
129
-      #password_picker .tab-content .tab-list-content .account, #password_picker .tab-content #searchResults .account {
130
-        position: relative;
131
-        min-height: 40px;
132
-        padding: 6px 7px;
133
-        border-bottom: 1px solid #e1e8ed;
134
-        cursor: pointer; }
135
-      #password_picker .tab-content .tab-list-content .no-credentials, #password_picker .tab-content #searchResults .no-credentials {
136
-        width: 100%;
137
-        padding-top: 10px;
138
-        display: inline-block; }
139
-        #password_picker .tab-content .tab-list-content .no-credentials div, #password_picker .tab-content #searchResults .no-credentials div {
140
-          float: left;
141
-          margin-bottom: 10px; }
142
-    #password_picker .tab-content .tab-generate-content .pw-gen input {
143
-      width: calc(100% - 75px) !important;
144
-      float: left;
145
-      background: #fff;
146
-      color: #555;
147
-      cursor: text;
148
-      font-family: inherit;
149
-      border: 1px solid #ddd;
150
-      outline: none;
151
-      height: 19px;
152
-      min-height: 16px;
153
-      border-radius: 3px;
154
-      margin: 3px 3px 3px 0;
155
-      padding: 7px 6px 5px;
156
-      font-size: 13px;
157
-      box-sizing: content-box;
158
-      -webkit-border-bottom-right-radius: 0;
159
-      border-bottom-right-radius: 0;
160
-      -webkit-border-top-right-radius: 0;
161
-      border-top-right-radius: 0;
162
-      background-clip: padding-box; }
163
-    #password_picker .tab-content .tab-generate-content .password_settings {
164
-      clear: both; }
165
-      #password_picker .tab-content .tab-generate-content .password_settings .adv_opt {
166
-        cursor: pointer; }
167
-      #password_picker .tab-content .tab-generate-content .password_settings .pw-setting-advanced {
168
-        width: 100%; }
169
-        #password_picker .tab-content .tab-generate-content .password_settings .pw-setting-advanced label {
170
-          display: block;
171
-          margin-right: 10px;
172
-          margin-bottom: 5px; }
173
-          #password_picker .tab-content .tab-generate-content .password_settings .pw-setting-advanced label .label {
174
-            color: #000;
175
-            padding: 3px 4px;
176
-            font-size: 12px;
177
-            font-weight: normal;
178
-            margin-top: 1px;
179
-            float: right;
180
-            box-shadow: none; }
181
-        #password_picker .tab-content .tab-generate-content .password_settings .pw-setting-advanced .pw-len, #password_picker .tab-content .tab-generate-content .password_settings .pw-setting-advanced .digits {
182
-          float: left;
183
-          margin-bottom: 10px; }
184
-          #password_picker .tab-content .tab-generate-content .password_settings .pw-setting-advanced .pw-len .label, #password_picker .tab-content .tab-generate-content .password_settings .pw-setting-advanced .digits .label {
185
-            margin-bottom: 5px;
186
-            float: left; }
187
-    #password_picker .tab-content .clearfix {
188
-      clear: both; }
189
-  #password_picker .btn {
190
-    display: inline-block;
191
-    font-weight: 400;
192
-    line-height: 1.25;
193
-    text-align: center;
194
-    white-space: nowrap;
195
-    vertical-align: middle;
196
-    -webkit-user-select: none;
197
-    -moz-user-select: none;
198
-    -ms-user-select: none;
199
-    user-select: none;
200
-    border: 1px solid transparent;
201
-    padding: .5rem 1rem;
202
-    cursor: pointer;
203
-    border-radius: .25rem;
204
-    -webkit-transition: all .2s ease-in-out;
205
-    -o-transition: all .2s ease-in-out;
206
-    transition: all .2s ease-in-out; }
207
-  #password_picker .btn-secondary {
208
-    color: #292b2c;
209
-    background-color: #fff;
210
-    border-color: #ccc; }
211
-  #password_picker .btn-secondary:hover {
212
-    color: #292b2c;
213
-    background-color: #e6e6e6;
214
-    border-color: #adadad; }
215
-  #password_picker .btn:first-child {
216
-    margin-right: 25px; }
217
-  #password_picker .btn:hover {
218
-    background: #3cb0fd;
219
-    text-decoration: none; }
220
-  #password_picker .btn-success {
221
-    color: #fff;
222
-    background-color: #5cb85c;
223
-    border-color: #4cae4c; }
224
-
225
-.error {
226
-  border-color: #F44336 !important; }

+ 87
- 0
css/password_picker.css.map
File diff suppressed because it is too large
View File


+ 7
- 0
html/browser_action/views/edit_credential.html View File

@@ -40,6 +40,13 @@
40 40
                 <span class="bar"></span>
41 41
                 <label>{{'password_repeat' | translate}}</label>
42 42
             </div>
43
+            <div class="group">
44
+                <copy-text text="credential.description"></copy-text>
45
+                <textarea ng-model="credential.description" ng-disabled="!canEdit"></textarea>
46
+                <span class="highlight"></span>
47
+                <span class="bar"></span>
48
+                <label>{{'notes' | translate}}</label>
49
+            </div>
43 50
             <div class="group">
44 51
                 <copy-text text="credential.url"></copy-text>
45 52
                 <input type="text" ng-model="credential.url" ng-disabled="!canEdit">

+ 4
- 1
package.json View File

@@ -21,7 +21,10 @@
21 21
     "karma-jasmine": "^1.1.0",
22 22
     "karma-verbose-reporter": "0.0.6"
23 23
   },
24
-  "devDependencies": {},
24
+  "devDependencies": {
25
+    "grunt-contrib-watch": "^1.0.0",
26
+    "grunt-sass": "^2.1.0"
27
+  },
25 28
   "scripts": {
26 29
     "test": "echo \"Error: no test specified\" && exit 1"
27 30
   },

+ 1
- 1
style/browser_action.scss View File

@@ -12,7 +12,7 @@ body {
12 12
   &.setup{
13 13
     width: 100%;
14 14
   }
15
-  max-width: 450px;
15
+  width: 450px;
16 16
   min-height: 350px;
17 17
   font-family: 'Roboto', sans-serif;
18 18
   overflow-x: hidden;

+ 1
- 0
style/main.scss View File

@@ -9,6 +9,7 @@ body {
9 9
   padding: 0px;
10 10
   overflow-y: hidden;
11 11
   overflow-x: hidden;
12
+
12 13
 }
13 14
 
14 15
 #mainPopup {

+ 6
- 4
style/partials/material-input.scss View File

@@ -11,8 +11,10 @@
11 11
 .group:last-child{
12 12
   margin-bottom: 0;
13 13
 }
14
-
15
-input[type="text"], input[type="password"], select.input-md {
14
+textarea{
15
+  max-width: 395px;
16
+}
17
+input[type="text"], input[type="password"], select.input-md, textarea {
16 18
   font-size: 14px;
17 19
   padding: 10px 10px 10px 5px;
18 20
   display: block;
@@ -48,7 +50,7 @@ select.input-md{
48 50
 /* active state */
49 51
 input[type="text"]:focus ~ label,input[type="password"]:focus ~ label,
50 52
 input[type="text"].ng-valid:not(.ng-empty) ~ label,input[type="password"].ng-valid:not(.ng-empty) ~ label,
51
-select.ng-valid:not(.ng-empty) ~ label {
53
+select.ng-valid:not(.ng-empty) ~ label, textarea.ng-valid:not(.ng-empty) ~ label, textarea:focus ~ label {
52 54
   top: -20px;
53 55
   font-size: 14px;
54 56
   color: #1565c0;
@@ -149,7 +151,7 @@ input:focus ~ .bar:before, input:focus ~ .bar:after  {
149 151
   width: calc(100% - 32px);
150 152
 }
151 153
 /* active state */
152
-input:focus ~ .highlight, select.input-md ~ .highlight {
154
+input:focus ~ .highlight, select.input-md ~ .highlight, textarea:focus ~ .highlight {
153 155
   -webkit-animation: inputHighlighter 0.3s ease;
154 156
   -moz-animation: inputHighlighter 0.3s ease;
155 157
   animation: inputHighlighter 0.3s ease;

Loading…
Cancel
Save