Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision a36da908

Von Moritz Bunkus vor fast 8 Jahren hinzugefügt

ChartPicker: Lupe wie beim PartPicker stylen

Unterschiede anzeigen:

css/kivitendo/main.css
407 407
  margin-right: 6px;
408 408
}
409 409

  
410
.chart_picker,
410 411
.part_picker {
411 412
  display: inline-block;
412 413
}
414
.chart_picker:before,
413 415
.part_picker:before {
414 416
  display: inline-block;
415 417
  vertical-align: middle;
416 418
  height: 100%;
417 419
}
418
.chart_picker {
419
  padding-right: 16px;
420
}
421 420
.customer-vendor-picker-undefined,
422 421
.chartpicker-undefined,
423 422
.projectpicker-undefined,
......
444 443
  color: #FE5F14;
445 444
}
446 445

  
446
div.cpc_block,
447 447
div.ppp_block {
448 448
  overflow:hidden;
449 449
  float:left;
450 450
  width: 350px;
451 451
}
452
span.cpc_popup_button,
452 453
span.ppp_popup_button {
453 454
  display: inline-block;
454 455
  vertical-align: middle;
......
459 460
  background: url("../../image/search.svg") no-repeat center right;
460 461
  background-size: contain;
461 462
}
463
span.chart_picker input,
462 464
span.part_picker input {
463 465
  padding-right: 20px;
464 466
  box-sizing: padding-box;
465 467
  -moz-box-sizing: padding-box;
466 468
  -webkit-box-sizing: padding-box;
467 469
}
470
span.chart_picker,
468 471
span.part_picker {
469 472
  white-space: nowrap;
470 473
}
css/lx-office-erp/main.css
391 391
  margin-right: 6px;
392 392
}
393 393

  
394
.chart_picker,
394 395
.part_picker {
395 396
}
396
.chart_picker {
397
  padding-right: 16px;
398
}
399 397
.customer-vendor-picker-undefined,
400 398
.chartpicker-undefined,
401 399
.projectpicker-undefined,
......
422 420
  border-color: gray;
423 421
}
424 422

  
423
div.cpc_block,
425 424
div.ppp_block {
426 425
  overflow:hidden;
427 426
  float:left;
428 427
  width: 350px;
429 428
}
429
span.cpc_popup_button,
430 430
span.ppp_popup_button {
431 431
  display: inline-block;
432 432
  position: relative;
......
437 437
  cursor: pointer;
438 438
}
439 439

  
440
td span.cpc_popup_button,
441
th span.cpc_popup_button,
440 442
td span.ppp_popup_button,
441 443
th span.ppp_popup_button {
442 444
  height: 9px;
443 445
  width: 9px;
444 446
  margin-left: -13px;
445 447
}
448
span.chart_picker input,
446 449
span.part_picker input {
447 450
  padding-right: 20px;
448 451
  background: white url("../../image/search.svg") no-repeat center right;
......
452 455
  -webkit-box-sizing: padding-box;
453 456
}
454 457

  
458
td span.chart_picker input,
459
th span.chart_picker input,
455 460
td span.part_picker input,
456 461
th span.part_picker input {
457 462
  padding-right: 15px;
458 463
}
459 464

  
465
span.chart_picker,
460 466
span.part_picker {
461 467
 /* white-space: nowrap;*/
462 468
}
js/autocomplete_chart.js
254 254
    });
255 255

  
256 256
    // now add a picker div after the original input
257
    var pcont  = $('<span>').addClass('position-absolute');
258
    var picker = $('<div>');
259
    $dummy.after(pcont);
260
    pcont.append(picker);
261
    picker.addClass('icon16 search').click(open_dialog);
257
    var popup_button = $('<span>').addClass('cpc_popup_button');
258
    $dummy.after(popup_button);
259
    popup_button.click(open_dialog);
262 260

  
263 261
    var cp = {
264 262
      real:           function() { return $real },

Auch abrufbar als: Unified diff