paragraphs.admin.css 

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

.js .field--widget-entity-reference-paragraphs div div .dropbutton-widget {
  position: relative;
}

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

.js .field--widget-entity-reference-paragraphs td {
  padding: 10px 0px 10px 0px;
}

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

.js .paragraph-type-top {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.js .paragraphs-collapsed-description {
  height: 1.538em;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
  width: 100%;

  color: #777;
  overflow: hidden;
  word-break: break-all;
}
.js .paragraphs-collapsed-description:after {
  content: '\00a0';
  display: block;
  position: absolute;
  top: 0;
  right: 1em;
  width: 3em;

  background: #fff;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.js .draggable:hover .paragraphs-collapsed-description:after,
.js .draggable:hover .paragraphs-collapsed-description:after {
  background: #f7fcff;
  background: linear-gradient(to right, rgba(247, 252, 255, 0) 0%, #f7fcff 100%);
}
.js .drag-previous .paragraphs-collapsed-description:after {
  background: #ffd;
  background: linear-gradient(to right, rgba(255, 255, 221, 0) 0%, #ffd 100%);
}
.js .paragraph-type-title {
  flex-basis: 25%;
  min-width: 80px;

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

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

File

paragraphs/css/paragraphs.admin.css
View source
  1. .js .field--widget-entity-reference-paragraphs .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-entity-reference-paragraphs div div .dropbutton-widget {

  10.   position: relative;

  11. }

  12. 

  13. .js .field--widget-entity-reference-paragraphs .field-multiple-table {

  14.   margin-bottom: 10px;

  15. }

  16. 

  17. .js .field--widget-entity-reference-paragraphs td {

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

  19. }

  20. 

  21. .js .field--widget-entity-reference-paragraphs .field-multiple-drag {

  22.   vertical-align: top;

  23. }

  24. .js .field--widget-entity-reference-paragraphs .draggable .tabledrag-handle {

  25.   padding-right: 0;

  26.   margin-left: 0;

  27. }

  28. .js .field--widget-entity-reference-paragraphs .tabledrag-handle .handle {

  29.   margin-left: 0;

  30.   margin-right: 0;

  31.   padding-right: 0.2em;

  32. }

  33. 

  34. .js .paragraph-type-top {

  35.   display: flex;

  36.   flex-wrap: nowrap;

  37.   justify-content: space-between;

  38. }

  39. .js .paragraphs-collapsed-description {

  40.   height: 1.538em;

  41.   padding-left: 1em;

  42.   padding-right: 1em;

  43.   position: relative;

  44.   width: 100%;

  45. 

  46.   color: #777;

  47.   overflow: hidden;

  48.   word-break: break-all;

  49. }

  50. .js .paragraphs-collapsed-description:after {

  51.   content: '\00a0';

  52.   display: block;

  53.   position: absolute;

  54.   top: 0;

  55.   right: 1em;

  56.   width: 3em;

  57. 

  58.   background: #fff;

  59.   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);

  60. }

  61. .js .draggable:hover .paragraphs-collapsed-description:after,

  62. .js .draggable:hover .paragraphs-collapsed-description:after {

  63.   background: #f7fcff;

  64.   background: linear-gradient(to right, rgba(247, 252, 255, 0) 0%, #f7fcff 100%);

  65. }

  66. .js .drag-previous .paragraphs-collapsed-description:after {

  67.   background: #ffd;

  68.   background: linear-gradient(to right, rgba(255, 255, 221, 0) 0%, #ffd 100%);

  69. }

  70. .js .paragraph-type-title {

  71.   flex-basis: 25%;

  72.   min-width: 80px;

  73. 

  74.   white-space: nowrap;

  75.   text-overflow: ellipsis;

  76.   overflow: hidden;

  77. }

  78. 

  79. .js .field--widget-entity-reference-paragraphs .delta-order {

  80.   padding-right: 10px;

  81.   text-align: right;

  82. }