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

   1 .js .field--widget-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-paragraphs .dropbutton-widget {
  10   position: relative;
  11 }
  12
  13 .js .field--widget-paragraphs .field-multiple-table {
  14   margin-bottom: 10px;
  15 }
  16
  17 .js .field--widget-paragraphs td {
  18   padding: 10px 0px 10px 0px;
  19 }
  20
  21 .js .field--widget-paragraphs .field-multiple-drag {
  22   vertical-align: top;
  23 }
  24 .js .field--widget-paragraphs .draggable .tabledrag-handle {
  25   padding-right: 0;
  26   margin-left: 0;
  27 }
  28 .js .field--widget-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   align-items: center;
  39 }
  40 .js .paragraphs-collapsed-description {
  41   height: 1.538em;
  42   padding-left: 1em;
  43   padding-right: 1em;
  44   position: relative;
  45   width: 100%;
  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   white-space: nowrap;
  74   text-overflow: ellipsis;
  75   overflow: hidden;
  76 }
  77
  78 .js .field--widget-paragraphs .delta-order {
  79   padding-right: 10px;
  80   text-align: right;
  81 }
  82
  83 .paragraph--view-mode--preview {
  84   padding-right: 1em;
  85 }
  86
  87 .paragraphs-edit-button-container {
  88   display: flex;
  89   flex-flow: row-reverse;
  90   padding-left: 1em;
  91   padding-right: 1em;
  92   margin-left: auto;
  93 }
  94
  95 /* Override 600px breakpoint core submit button tweaks. */
  96 @media screen and (max-width: 600px) {
  97   .js .paragraphs-edit-button-container {
  98     height: 40px;
  99     width: 50px;
 100   }
 101 }
 102
 103 .js .paragraph-type-top .paragraphs-dropbutton-wrapper {
 104   text-align: right;
 105 }