Chris@14: /**
Chris@14:  * @file
Chris@14:  * Table drag behavior for off-canvas dialog.
Chris@14:  *
Chris@14:  * @see tabledrag.js
Chris@14:  */
Chris@14: 
Chris@14: #drupal-off-canvas .drag {
Chris@14:   cursor: move;
Chris@14: }
Chris@14: #drupal-off-canvas tr.region-title {
Chris@14:   font-weight: normal;
Chris@14: }
Chris@14: #drupal-off-canvas table .region-message {
Chris@14:   color: #fff;
Chris@14: }
Chris@14: #drupal-off-canvas table .region-populated {
Chris@14:   display: none;
Chris@14: }
Chris@14: #drupal-off-canvas .add-new .tabledrag-changed {
Chris@14:   display: none;
Chris@14: }
Chris@14: #drupal-off-canvas .draggable a.tabledrag-handle {
Chris@18:   float: left; /* LTR */
Chris@18:   overflow: hidden;
Chris@18:   min-width: 20px;
Chris@18:   height: auto;
Chris@18:   margin: 0 5px 0 0;
Chris@18:   padding: 0;
Chris@18:   cursor: move;
Chris@18:   text-decoration: none;
Chris@14:   background-image: none;
Chris@14: }
Chris@14: [dir="rtl"] #drupal-off-canvas .draggable a.tabledrag-handle {
Chris@14:   float: right;
Chris@14:   margin-right: 0;
Chris@14:   margin-left: 5px;
Chris@14: }
Chris@14: #drupal-off-canvas a.tabledrag-handle .handle {
Chris@18:   width: auto;
Chris@18:   height: auto;
Chris@18:   margin: 0;
Chris@18:   padding: 0;
Chris@14:   /* Use lighter drag icon against dark background. */
Chris@14:   background-color: transparent;
Chris@14:   background-image: url(../icons/bebebe/move.svg);
Chris@14:   background-repeat: no-repeat;
Chris@14:   background-position: center;
Chris@14: }
Chris@14: #drupal-off-canvas .draggable a.tabledrag-handle:hover .handle,
Chris@14: #drupal-off-canvas .draggable a.tabledrag-handle:focus .handle {
Chris@18:   text-decoration: none;
Chris@14:   background-image: url(../icons/787878/move.svg);
Chris@14: }
Chris@14: #drupal-off-canvas tr td {
Chris@14:   transition: background 0.3s ease;
Chris@14: }
Chris@14: 
Chris@14: #drupal-off-canvas tr td abbr {
Chris@14:   margin-left: 5px; /* LTR */
Chris@14: }
Chris@14: 
Chris@14: [dir="rtl"] #drupal-off-canvas tr td abbr {
Chris@18:   margin-right: 5px;
Chris@14:   margin-left: 0;
Chris@14: }
Chris@14: #drupal-off-canvas tr:hover td {
Chris@14:   background: #222;
Chris@14: }
Chris@14: #drupal-off-canvas tr.drag td {
Chris@14:   background: #111;
Chris@14: }
Chris@14: #drupal-off-canvas tr.drag-previous td {
Chris@14:   background: #000;
Chris@14: }
Chris@14: #drupal-off-canvas tr.drag-previous:hover td {
Chris@14:   background: #222;
Chris@14: }
Chris@14: body div.tabledrag-changed-warning {
Chris@14:   margin-bottom: 0.5em;
Chris@14:   font-size: 14px;
Chris@14: }
Chris@14: #drupal-off-canvas .touchevents .draggable td {
Chris@14:   padding: 0 10px;
Chris@14: }
Chris@14: #drupal-off-canvas .touchevents .draggable .menu-item__link {
Chris@14:   display: inline-block;
Chris@14:   padding: 10px 0;
Chris@14: }
Chris@14: #drupal-off-canvas .touchevents a.tabledrag-handle {
Chris@18:   width: 40px;
Chris@14:   height: 44px;
Chris@14: }
Chris@14: #drupal-off-canvas .touchevents a.tabledrag-handle .handle {
Chris@18:   height: 21px;
Chris@14:   background-position: 40% 19px; /* LTR */
Chris@14: }
Chris@14: [dir="rtl"] #drupal-off-canvas .touch a.tabledrag-handle .handle {
Chris@14:   background-position: right 40% top 19px;
Chris@14: }
Chris@14: #drupal-off-canvas .touchevents .draggable.drag a.tabledrag-handle .handle {
Chris@14:   background-position: 50% -32px;
Chris@14: }
Chris@14: #drupal-off-canvas .tabledrag-toggle-weight-wrapper {
Chris@14:   padding-top: 10px;
Chris@14:   text-align: right; /* LTR */
Chris@14: }
Chris@14: [dir="rtl"] #drupal-off-canvas .tabledrag-toggle-weight-wrapper {
Chris@14:   text-align: left;
Chris@14: }
Chris@14: #drupal-off-canvas .indentation {
Chris@14:   float: left; /* LTR */
Chris@18:   width: auto;
Chris@14:   height: auto;
Chris@14:   margin: 0 3px 0 -10px; /* LTR */
Chris@14:   padding: 0 0 0 10px; /* LTR */
Chris@14: }
Chris@14: [dir="rtl"] #drupal-off-canvas .indentation {
Chris@14:   float: right;
Chris@14:   margin: 0 -10px 0 3px;
Chris@14:   padding: 0 10px 0 0;
Chris@14: }