www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/outside_in/css/outside_in.tabledrag.css

   1 /**
   2  * @file
   3  * Table drag behavior for Settings Tray module.
   4  *
   5  * @see tabledrag.js
   6  */
   7
   8
   9 /* Because base font sizes will vary widely across themes, to maintain consistency outside-in uses only pixels. */
  10
  11 .ui-dialog-outside-in body.drag {
  12   cursor: move;
  13 }
  14 .ui-dialog-outside-in tr.region-title {
  15   font-weight: normal;
  16 }
  17 .ui-dialog-outside-in tr.region-message {
  18   color: #fff;
  19 }
  20 .ui-dialog-outside-in tr.region-populated {
  21   display: none;
  22 }
  23 .ui-dialog-outside-in tr.add-new .tabledrag-changed {
  24   display: none;
  25 }
  26 .ui-dialog-outside-in .draggable a.tabledrag-handle {
  27   background-image: none;
  28   margin: 0;
  29   margin-left: 0; /* LTR */
  30   margin-right: 5px; /* LTR */
  31   height: auto;
  32   min-width: 20px;
  33   padding: 0;
  34   overflow: hidden;
  35   float: left; /* LTR */
  36   text-decoration: none;
  37   cursor: move;
  38 }
  39 [dir="rtl"] .ui-dialog-outside-in .draggable a.tabledrag-handle {
  40   float: right;
  41   margin-right: 0;
  42   margin-left: 5px;
  43 }
  44 .ui-dialog-outside-in a.tabledrag-handle .handle {
  45   /* Use lighter drag icon against dark background. */
  46   background-image: url(../../../misc/icons/bebebe/move.svg);
  47   background-repeat: no-repeat;
  48   background-position: center;
  49   height: auto;
  50   margin: 0;
  51   padding: 0;
  52   width: auto;
  53 }
  54 .ui-dialog-outside-in .draggable a.tabledrag-handle:hover .handle,
  55 .ui-dialog-outside-in .draggable a.tabledrag-handle:focus .handle {
  56   background-image: url(../../../misc/icons/787878/move.svg);
  57   text-decoration: none;
  58 }
  59
  60 .ui-dialog-outside-in .touchevents .draggable td {
  61   padding: 0 10px;
  62 }
  63 .ui-dialog-outside-in .touchevents .draggable .menu-item__link {
  64   display: inline-block;
  65   padding: 10px 0;
  66 }
  67 .ui-dialog-outside-in .touchevents a.tabledrag-handle {
  68   height: 44px;
  69   width: 40px;
  70 }
  71 .ui-dialog-outside-in .touchevents a.tabledrag-handle .handle {
  72   background-position: 40% 19px; /* LTR */
  73   height: 21px;
  74 }
  75 [dir="rtl"] .ui-dialog-outside-in .touch a.tabledrag-handle .handle {
  76   background-position: right 40% top 19px;
  77 }
  78 .ui-dialog-outside-in .touchevents .draggable.drag a.tabledrag-handle .handle {
  79   background-position: 50% -32px;
  80 }
  81 .ui-dialog-outside-in .tabledrag-toggle-weight-wrapper {
  82   text-align: right; /* LTR */
  83 }
  84 [dir="rtl"] .ui-dialog-outside-in .tabledrag-toggle-weight-wrapper {
  85   text-align: left;
  86 }
  87 .ui-dialog-outside-in .indentation {
  88   float: left; /* LTR */
  89   height: auto;
  90   margin: 0 3px 0 -10px; /* LTR */
  91   padding: 0 0 0 10px; /* LTR */
  92   width: auto;
  93 }
  94 [dir="rtl"] .ui-dialog-outside-in .indentation {
  95   float: right;
  96   margin: 0 -10px 0 3px;
  97   padding: 0 10px 0 0;
  98 }
  99 .ui-dialog-outside-in tr.drag {
 100   background-color: #555;
 101 }
 102 .ui-dialog-outside-in tr.drag-previous {
 103   background-color: #000;
 104 }