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

   1 .paragraphs-dragdrop {
   2   list-style-type: none;
   3   margin: 0;
   4   padding: 0;
   5   min-height: 50px;
   6 }
   7
   8 .paragraphs-dragdrop:empty {
   9   border: 1px dashed #999999;
  10   margin-bottom: 10px;
  11 }
  12
  13 .paragraphs-dragdrop .paragraphs-dragdrop {
  14   margin-left: 10px;
  15   margin-right: 5px;
  16 }
  17
  18 @media all and (min-width: 780px) {
  19   .paragraphs-dragdrop .paragraphs-dragdrop {
  20     margin-left: 20px;
  21   }
  22 }
  23
  24 .paragraphs-dragdrop > li {
  25   min-height: 30px;
  26   margin: 10px 0;
  27   padding: 3px;
  28   border: 1px solid #999999;
  29   border-left-width: 10px;
  30   -webkit-transition: border .5s ease;
  31   transition: border .5s ease;
  32   border-radius: 3px;
  33   cursor: move;
  34 }
  35
  36 .paragraphs-dragdrop .paragraphs-summary-wrapper {
  37   display: -webkit-box;
  38   display: -webkit-flex;
  39   display: -ms-flexbox;
  40   display: flex;
  41   padding: 5px;
  42 }
  43
  44 .paragraphs-dragdrop strong {
  45   white-space: nowrap;
  46 }
  47
  48 .paragraphs-dragdrop .paragraphs-dragdrop-wrapper {
  49   margin-left: 39px;
  50   margin-top: 20px;
  51 }
  52
  53 .paragraphs-dragdrop > li .paragraphs-summary-wrapper > div {
  54   -webkit-box-flex: 1;
  55   -webkit-flex-grow: 1;
  56       -ms-flex-positive: 1;
  57           flex-grow: 1;
  58   margin-left: 10px;
  59 }
  60
  61 .paragraphs-dragdrop .sortable-drag {
  62   opacity: 0;
  63 }
  64
  65 .paragraphs-dragdrop > .sortable-ghost,
  66 .paragraphs-dragdrop .sortable-chosen {
  67   opacity: 1;
  68   border-left-color: black;
  69 }
  70
  71 .paragraphs-dragdrop .tabledrag-handle {
  72   float: left;
  73   padding: 5px;
  74   -webkit-align-self: flex-start;
  75       -ms-flex-item-align: start;
  76           align-self: flex-start;
  77 }
  78
  79 [dir="rtl"] .paragraphs-dragdrop .tabledrag-handle {
  80   float: right;
  81 }
  82
  83 .touchevents .paragraphs-dragdrop .tabledrag-handle {
  84   padding: 0 0 0 5px;
  85   margin-top: -5px;
  86 }
  87
  88 .js .field--widget-paragraphs .paragraphs-dragdrop .field--widget-paragraphs {
  89   margin-left: 5px;
  90 }
  91
  92 .field-dragdrop-mode-submit {
  93   margin-right: 10px;
  94 }
  95
  96 .paragraphs-dragdrop-wrapper {
  97   padding-top: 10px;
  98 }