You are here

Home » API reference » Paragraphs asymmetric translation widgets 8

widget.css in Paragraphs asymmetric translation widgets 8 

.js .field--widget-paragraphs-classic-asymmetric .dropbutton-wrapper {
  display: inline-flex;
  padding-right: 0em;
  margin-right: 0em;
  /* Override 600px breakpoint from core. */
  width: auto;
}

.js .field--widget-paragraphs-classic-asymmetric .dropbutton-widget {
  position: relative;
}

.js .field--widget-paragraphs-classic-asymmetric .field-multiple-table {
  margin-bottom: 10px;
}

.js .field--widget-paragraphs-classic-asymmetric td {
  padding: 10px 0px 10px 0px;
}

.js .field--widget-paragraphs-classic-asymmetric .field-multiple-drag {
  vertical-align: top;
}
.js .field--widget-paragraphs-classic-asymmetric .draggable .tabledrag-handle {
  padding-right: 0;
  margin-left: 0;
}
.js .field--widget-paragraphs-classic-asymmetric .tabledrag-handle .handle {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0.2em;
}

.js .field--widget-paragraphs-classic-asymmetric .delta-order {
  padding-right: 10px;
  text-align: right;
}

File

css/widget.css
View source 
  1. .js .field--widget-paragraphs-classic-asymmetric .dropbutton-wrapper {

  2.   display: inline-flex;

  3.   padding-right: 0em;

  4.   margin-right: 0em;

  5.   /* Override 600px breakpoint from core. */

  6.   width: auto;

  7. }

  8. 

  9. .js .field--widget-paragraphs-classic-asymmetric .dropbutton-widget {

  10.   position: relative;

  11. }

  12. 

  13. .js .field--widget-paragraphs-classic-asymmetric .field-multiple-table {

  14.   margin-bottom: 10px;

  15. }

  16. 

  17. .js .field--widget-paragraphs-classic-asymmetric td {

  18.   padding: 10px 0px 10px 0px;

  19. }

  20. 

  21. .js .field--widget-paragraphs-classic-asymmetric .field-multiple-drag {

  22.   vertical-align: top;

  23. }

  24. .js .field--widget-paragraphs-classic-asymmetric .draggable .tabledrag-handle {

  25.   padding-right: 0;

  26.   margin-left: 0;

  27. }

  28. .js .field--widget-paragraphs-classic-asymmetric .tabledrag-handle .handle {

  29.   margin-left: 0;

  30.   margin-right: 0;

  31.   padding-right: 0.2em;

  32. }

  33. 

  34. .js .field--widget-paragraphs-classic-asymmetric .delta-order {

  35.   padding-right: 10px;

  36.   text-align: right;

  37. }