www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/stable/css/system/components/tabledrag.module.css

   1 /**
   2  * @file
   3  * Table drag behavior.
   4  *
   5  * @see tabledrag.js
   6  */
   7
   8 body.drag {
   9   cursor: move;
  10 }
  11 tr.region-title {
  12   font-weight: bold;
  13 }
  14 tr.region-message {
  15   color: #999;
  16 }
  17 tr.region-populated {
  18   display: none;
  19 }
  20 tr.add-new .tabledrag-changed {
  21   display: none;
  22 }
  23 .draggable a.tabledrag-handle {
  24   cursor: move;
  25   float: left; /* LTR */
  26   height: 1.7em;
  27   margin-left: -1em; /* LTR */
  28   overflow: hidden;
  29   text-decoration: none;
  30 }
  31 [dir="rtl"] .draggable a.tabledrag-handle {
  32   float: right;
  33   margin-right: -1em;
  34   margin-left: 0;
  35 }
  36 a.tabledrag-handle:hover {
  37   text-decoration: none;
  38 }
  39 a.tabledrag-handle .handle {
  40   background: url(../../../images/core/icons/787878/move.svg) no-repeat 6px 7px;
  41   height: 14px;
  42   margin: -0.4em 0.5em 0;
  43   padding: 0.42em 0.5em;
  44   width: 14px;
  45 }
  46 a.tabledrag-handle:hover .handle,
  47 a.tabledrag-handle:focus .handle {
  48   background-image: url(../../../images/core/icons/000000/move.svg);
  49 }
  50 .touchevents .draggable td {
  51   padding: 0 10px;
  52 }
  53 .touchevents .draggable .menu-item__link {
  54   display: inline-block;
  55   padding: 10px 0;
  56 }
  57 .touchevents a.tabledrag-handle {
  58   height: 44px;
  59   width: 40px;
  60 }
  61 .touchevents a.tabledrag-handle .handle {
  62   background-position: 40% 19px; /* LTR */
  63   height: 21px;
  64 }
  65 [dir="rtl"] .touch a.tabledrag-handle .handle {
  66   background-position: right 40% top 19px;
  67 }
  68 .touchevents .draggable.drag a.tabledrag-handle .handle {
  69   background-position: 50% -32px;
  70 }
  71 .tabledrag-toggle-weight-wrapper {
  72   text-align: right; /* LTR */
  73 }
  74 [dir="rtl"] .tabledrag-toggle-weight-wrapper {
  75   text-align: left;
  76 }
  77 .indentation {
  78   float: left; /* LTR */
  79   height: 1.7em;
  80   margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
  81   padding: 0.42em 0 0.42em 0.6em; /* LTR */
  82   width: 20px;
  83 }
  84 [dir="rtl"] .indentation {
  85   float: right;
  86   margin: -0.4em -0.4em -0.4em 0.2em;
  87   padding: 0.42em 0.6em 0.42em 0;
  88 }