Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision f88ac7e0

Von Cem Aydin vor 24 Tagen hinzugefügt

  • ID f88ac7e0f06074405f0102121f01d345a9306ed9
  • Vorgänger b4baa620
  • Nachfolger af169a38

Design4.0: CSS klassen fuer ckeditor5 anpassen

- CSS / LESS neu generiert

Behebt Breitendarstellung in Belegen.

Unterschiede anzeigen:

css/design40/less/forms.less
372 372

  
373 373
  th,
374 374
  td {
375
    &.wi-lightwide { textarea, input[type="text"], div.cke_editable, input#order_vendor_id_name { width: @textarea-wi-lightwide; } }
376
    &.wi-wide      { textarea, input[type="text"], div.cke_editable, input#order_vendor_id_name { width: @textarea-wi-wide;      } }
375
    &.wi-lightwide { textarea, input[type="text"], div.ck-editor, input#order_vendor_id_name { width: @textarea-wi-lightwide; } }
376
    &.wi-wide      { textarea, input[type="text"], div.ck-editor, input#order_vendor_id_name { width: @textarea-wi-wide;      } }
377 377

  
378 378
  }
379 379

  
......
381 381
  span {
382 382

  
383 383
    // Standard-Dimensions
384
    &.wi-smallest                { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal      ; } } // no smallest, just normal
385
    &.wi-verysmall               { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal      ; } } // no verysmall, just normal
386
    &.wi-small                   { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal      ; } } // no small, just normal
387
    &.wi-mediumsmall             { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal      ; } } // no mediumsmall, just normal
388
    &.wi-normal                  { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal      ; } }
389
    &.wi-lightwide               { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-lightwide   ; } }
390
    &.wi-wide                    { padding: 0 ; textarea, & > div.cke_editable { width:     @textarea-wi-wide  !important        ; } }
384
    &.wi-smallest                { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal      ; } } // no smallest, just normal
385
    &.wi-verysmall               { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal      ; } } // no verysmall, just normal
386
    &.wi-small                   { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal      ; } } // no small, just normal
387
    &.wi-mediumsmall             { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal      ; } } // no mediumsmall, just normal
388
    &.wi-normal                  { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal      ; } }
389
    &.wi-lightwide               { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-lightwide   ; } }
390
    &.wi-wide                    { padding: 0 ; textarea, & > div.ck-editor { width:     @textarea-wi-wide  !important        ; } }
391 391
    &.wi-wide.strict             {                              max-width: @textarea-wi-wide !important  ; }
392
    &.wi-wider                   { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-wider       ; } }
393
    &.wi-verywide                { padding: 0 ; textarea, div.cke_editable { min-width: @textarea-wi-verywide    ; } }
394
    &.wi-full                    { padding: 0 ; textarea, div.cke_editable { width:     100%                     ; } }
395

  
396

  
397
    &.wi-small-small             { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-small-small       ; } }
398
    &.wi-small-mediumsmall       { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-small-mediumsmall ; margin: 0 30px 0 0 ; } }
399
    &.wi-small-normal            { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-small-normal      ; } }
400
    &.wi-small-lightwide         { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-small-lightwide   ; } }
401
    &.wi-small-wide              { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-small-wide        ; } }
402
    &.wi-small-wider             { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-small-wider       ; } }
403
    &.wi-small-verywide          { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-small-verywide    ; } }
404

  
405
    &.wi-mediumsmall-small       { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-mediumsmall-small       ; } }
406
    &.wi-mediumsmall-mediumsmall { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-mediumsmall-mediumsmall ; } }
407
    &.wi-mediumsmall-normal      { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-mediumsmall-normal      ; } }
408
    &.wi-mediumsmall-lightwide   { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-mediumsmall-lightwide   ; } }
409
    &.wi-mediumsmall-wide        { padding: 0 ; textarea, &.wi-mediumsmall-wide > div.cke_editable { width: @textarea-wi-mediumsmall-wide !important ; } }
410
    &.wi-mediumsmall-wider       { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-mediumsmall-wider       ; } }
411
    &.wi-mediumsmall-verywide    { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-mediumsmall-verywide    ; } }
412

  
413
    &.wi-normal-small            { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal-small       ; } }
414
    &.wi-normal-mediumsmall      { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal-mediumsmall ; } }
415
    &.wi-normal-normal           { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal-normal      ; } }
416
    &.wi-normal-lightwide        { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal-lightwide   ; } }
417
    &.wi-normal-wide             { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal-wide        ; } }
418
    &.wi-normal-wider            { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal-wider       ; } }
419
    &.wi-normal-verywide         { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-normal-verywide    ; } }
420

  
421
    &.wi-lightwide-small         { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-lightwide-small       ; } }
422
    &.wi-lightwide-mediumsmall   { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-lightwide-mediumsmall ; } }
423
    &.wi-lightwide-normal        { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-lightwide-normal      ; } }
424
    &.wi-lightwide-lightwide     { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-lightwide-lightwide   ; } }
425
    &.wi-lightwide-wide          { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-lightwide-wide        ; } }
426
    &.wi-lightwide-wider         { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-lightwide-wider       ; } }
427
    &.wi-lightwide-verywide      { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-lightwide-verywide    ; } }
428

  
429
    &.wi-wide-small              { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-wide-small       ; } }
430
    &.wi-wide-mediumsmall        { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-wide-mediumsmall ; } }
431
    &.wi-wide-normal             { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-wide-normal      ; } }
432
    &.wi-wide-lightwide          { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-wide-wide        ; } }
433
    &.wi-wide-wide               { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-wide-wide        ; } }
434
    &.wi-wide-wider              { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-wide-wider       ; } }
435
    &.wi-wide-verywide           { padding: 0 ; textarea, div.cke_editable { width:     @textarea-wi-wide-verywide    ; } }
392
    &.wi-wider                   { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-wider       ; } }
393
    &.wi-verywide                { padding: 0 ; textarea, div.ck-editor { min-width: @textarea-wi-verywide    ; } }
394
    &.wi-full                    { padding: 0 ; textarea, div.ck-editor { width:     100%                     ; } }
395

  
396

  
397
    &.wi-small-small             { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-small-small       ; } }
398
    &.wi-small-mediumsmall       { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-small-mediumsmall ; margin: 0 30px 0 0 ; } }
399
    &.wi-small-normal            { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-small-normal      ; } }
400
    &.wi-small-lightwide         { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-small-lightwide   ; } }
401
    &.wi-small-wide              { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-small-wide        ; } }
402
    &.wi-small-wider             { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-small-wider       ; } }
403
    &.wi-small-verywide          { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-small-verywide    ; } }
404

  
405
    &.wi-mediumsmall-small       { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-mediumsmall-small       ; } }
406
    &.wi-mediumsmall-mediumsmall { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-mediumsmall-mediumsmall ; } }
407
    &.wi-mediumsmall-normal      { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-mediumsmall-normal      ; } }
408
    &.wi-mediumsmall-lightwide   { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-mediumsmall-lightwide   ; } }
409
    &.wi-mediumsmall-wide        { padding: 0 ; textarea, &.wi-mediumsmall-wide > div.ck-editor { width: @textarea-wi-mediumsmall-wide !important ; } }
410
    &.wi-mediumsmall-wider       { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-mediumsmall-wider       ; } }
411
    &.wi-mediumsmall-verywide    { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-mediumsmall-verywide    ; } }
412

  
413
    &.wi-normal-small            { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal-small       ; } }
414
    &.wi-normal-mediumsmall      { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal-mediumsmall ; } }
415
    &.wi-normal-normal           { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal-normal      ; } }
416
    &.wi-normal-lightwide        { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal-lightwide   ; } }
417
    &.wi-normal-wide             { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal-wide        ; } }
418
    &.wi-normal-wider            { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal-wider       ; } }
419
    &.wi-normal-verywide         { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-normal-verywide    ; } }
420

  
421
    &.wi-lightwide-small         { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-lightwide-small       ; } }
422
    &.wi-lightwide-mediumsmall   { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-lightwide-mediumsmall ; } }
423
    &.wi-lightwide-normal        { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-lightwide-normal      ; } }
424
    &.wi-lightwide-lightwide     { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-lightwide-lightwide   ; } }
425
    &.wi-lightwide-wide          { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-lightwide-wide        ; } }
426
    &.wi-lightwide-wider         { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-lightwide-wider       ; } }
427
    &.wi-lightwide-verywide      { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-lightwide-verywide    ; } }
428

  
429
    &.wi-wide-small              { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-wide-small       ; } }
430
    &.wi-wide-mediumsmall        { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-wide-mediumsmall ; } }
431
    &.wi-wide-normal             { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-wide-normal      ; } }
432
    &.wi-wide-lightwide          { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-wide-wide        ; } }
433
    &.wi-wide-wide               { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-wide-wide        ; } }
434
    &.wi-wide-wider              { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-wide-wider       ; } }
435
    &.wi-wide-verywide           { padding: 0 ; textarea, div.ck-editor { width:     @textarea-wi-wide-verywide    ; } }
436 436

  
437 437
  } // /DIMENSION textarea
438 438

  
......
447 447
  &.wi-verysmall     { input[type="text"], select           { width:     @input-wi-verysmall        ; } }
448 448
  &.wi-small         { input[type="text"], select           { width:     @input-wi-small            ; } }
449 449
  &.wi-mediumsmall   { input[type="text"], select           { width:     @input-wi-mediumsmall      ; } }
450
  &.wi-normal        { input[type="text"], select, textarea, div.cke_editable { width:     @input-wi-normal           ; } }
451
  &.wi-lightwide     { input[type="text"], select, textarea, div.cke_editable { width:     @input-wi-lightwide        ; } }
452
  &.wi-wide          { input[type="text"], select, textarea, div.cke_editable { width:     @input-wi-wide !important  ; } }
453
  &.wi-wide.strict   { input[type="text"], select, textarea, div.cke_editable { max-width: @input-wi-wide !important  ; } }
454
  &.wi-wider         { input[type="text"], select, textarea, div.cke_editable { width:     @input-wi-wider !important ; } }
455
  &.wi-verywide      { input[type="text"], select, textarea, div.cke_editable { min-width: @input-wi-verywide         ; } }
456
  &.wi-full          { input[type="text"], select, textarea, div.cke_editable { width:     100% ; } }
450
  &.wi-normal        { input[type="text"], select, textarea, div.ck-editor { width:     @input-wi-normal           ; } }
451
  &.wi-lightwide     { input[type="text"], select, textarea, div.ck-editor { width:     @input-wi-lightwide        ; } }
452
  &.wi-wide          { input[type="text"], select, textarea, div.ck-editor { width:     @input-wi-wide !important  ; } }
453
  &.wi-wide.strict   { input[type="text"], select, textarea, div.ck-editor { max-width: @input-wi-wide !important  ; } }
454
  &.wi-wider         { input[type="text"], select, textarea, div.ck-editor { width:     @input-wi-wider !important ; } }
455
  &.wi-verywide      { input[type="text"], select, textarea, div.ck-editor { min-width: @input-wi-verywide         ; } }
456
  &.wi-full          { input[type="text"], select, textarea, div.ck-editor { width:     100% ; } }
457 457
  // Combinations
458
  &.wi-mediumsmall-wide       { input[type="text"], select, textarea, div.cke_editable { width: @textarea-wi-mediumsmall-wide  ; } }
459
  &.wi-small-mediumsmall      { input[type="text"], select, textarea, div.cke_editable { width: @textarea-wi-small-mediumsmall ; } }
460
  &.wi-mediumsmall-lightwide  { input[type="text"], select, textarea, div.cke_editable { width: @textarea-wi-mediumsmall-lightwide ; } }
458
  &.wi-mediumsmall-wide       { input[type="text"], select, textarea, div.ck-editor { width: @textarea-wi-mediumsmall-wide  ; } }
459
  &.wi-small-mediumsmall      { input[type="text"], select, textarea, div.ck-editor { width: @textarea-wi-small-mediumsmall ; } }
460
  &.wi-mediumsmall-lightwide  { input[type="text"], select, textarea, div.ck-editor { width: @textarea-wi-mediumsmall-lightwide ; } }
461 461

  
462
  &.below       { input[type="text"], select, textarea, div.cke_editable { clear: both; margin-top: 0.4em  ; } }
462
  &.below       { input[type="text"], select, textarea, div.ck-editor { clear: both; margin-top: 0.4em  ; } }
463 463

  
464 464
}
465 465
// TEMPORAER: PENDENT: sollte behoben sein, weshalb dieses Konstrukt nicht mehr noetig sein sollte

Auch abrufbar als: Unified diff