www.aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/paragraphs/css/paragraphs.admin.css

   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 .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 }