197
197
background : # 575757 ;
198
198
line-height : 4rem ;
199
199
font-size : 1.8rem ;
200
- font-style : italic;
200
+ font-style : italic;
201
201
}
202
202
203
203
.keypad-callbar-button .cancel : active {
237
237
background-size : 4rem 8rem ;
238
238
}
239
239
240
+ /* we won't do anything on click but this prevents fluffing/rendering issues */
241
+ .icon-add-contact : disabled {
242
+ pointer-events : all;
243
+ }
244
+
240
245
.icon-add-contact : disabled ::before {
241
246
opacity : 0.4 ;
242
247
}
243
248
244
- .icon-add-contact : active ::before {
249
+ .icon-add-contact : not ( : disabled ) : active ::before {
245
250
background-position : center -4rem ;
246
251
}
247
252
342
347
font-size : 3rem ;
343
348
color : # fff ;
344
349
}
345
-
346
- /* Suggestion bar */
347
- # suggestion-bar {
348
- margin-top : -4.5rem ;
349
- padding : 0 ;
350
- width : 100% ;
351
- font-size : 1.7rem ;
352
- height : 4.5rem ;
353
- overflow : hidden;
354
- -moz-box-sizing : border-box;
355
- position : absolute;
356
- color : # 033B37 ;
357
- }
358
-
359
- # suggestion-count {
360
- position : absolute;
361
- top : 0 ;
362
- bottom : 0 ;
363
- right : 0 ;
364
- width : 5.5rem ;
365
- text-align : center;
366
- line-height : 3.7rem ;
367
- margin-bottom : 0.2rem ;
368
- margin-top : 0.2rem ;
369
- font-weight : 400 ;
370
- border-left : 1px solid rgba (255 , 255 , 255 , 0.2 );
371
- }
372
-
373
- # suggestion-count .more {
374
- background : url ('keypad/images/icon_arrow_white.png' ) no-repeat scroll right 0.5rem bottom 0.3rem / 1rem auto transparent;
375
- }
376
-
377
- # suggestion-bar > .suggestion-item {
378
- height : 3.7rem ;
379
- margin-right : 5.3rem ;
380
- padding : 0.2rem 1rem 0.2rem 2rem ;
381
- white-space : nowrap;
382
- }
383
-
384
- # suggestion-bar > .suggestion-item : active ,
385
- # suggestion-count : active {
386
- background-color : # 94eee9 ;
387
- transition : background-color 0.2s ease;
388
- }
389
-
390
- /* Matched item inside suggestion bar and suggestion overlay */
391
- .suggestion-item .name {
392
- display : block;
393
- line-height : 1.9rem ;
394
- overflow : hidden;
395
- text-overflow : ellipsis;
396
- font-weight : normal;
397
- }
398
-
399
- .suggestion-item .tel-type : not (: empty ): after {
400
- content : '|' ;
401
- padding : 0 0 0 0.6rem ;
402
- }
403
-
404
- .suggestion-item .tel {
405
- overflow : hidden;
406
- }
407
-
408
- .suggestion-item .tel > span {
409
- background-color : # 94eee9 ;
410
- }
411
-
412
- .suggestion-item > div {
413
- line-height : 1.7rem ;
414
- pointer-events : none;
415
- overflow : hidden;
416
- text-overflow : ellipsis;
417
- white-space : nowrap;
418
- }
419
-
420
- .suggestion-item .avatar {
421
- float : right;
422
- width : 4.5rem ;
423
- height : 4.5rem ;
424
- background-size : cover;
425
- opacity : 1 ;
426
- transition : opacity 0.3s linear;
427
- }
428
-
429
- .suggestion-item .avatar .hidden {
430
- opacity : 0 ;
431
- }
432
-
433
- .full-height {
434
- height : 100% ;
435
- }
0 commit comments