annotate core/misc/dialog/off-canvas.tabledrag.css @ 0:c75dbcec494b

Initial commit from drush-created site
author Chris Cannam
date Thu, 05 Jul 2018 14:24:15 +0000
parents
children 12f9dff5fda9
rev   line source
Chris@0 1 /**
Chris@0 2 * @file
Chris@0 3 * Table drag behavior for off-canvas dialog.
Chris@0 4 *
Chris@0 5 * @see tabledrag.js
Chris@0 6 */
Chris@0 7
Chris@0 8 #drupal-off-canvas .drag {
Chris@0 9 cursor: move;
Chris@0 10 }
Chris@0 11 #drupal-off-canvas tr.region-title {
Chris@0 12 font-weight: normal;
Chris@0 13 }
Chris@0 14 #drupal-off-canvas table .region-message {
Chris@0 15 color: #fff;
Chris@0 16 }
Chris@0 17 #drupal-off-canvas table .region-populated {
Chris@0 18 display: none;
Chris@0 19 }
Chris@0 20 #drupal-off-canvas .add-new .tabledrag-changed {
Chris@0 21 display: none;
Chris@0 22 }
Chris@0 23 #drupal-off-canvas .draggable a.tabledrag-handle {
Chris@0 24 background-image: none;
Chris@0 25 margin: 0 5px 0 0;
Chris@0 26 height: auto;
Chris@0 27 min-width: 20px;
Chris@0 28 padding: 0;
Chris@0 29 overflow: hidden;
Chris@0 30 float: left; /* LTR */
Chris@0 31 text-decoration: none;
Chris@0 32 cursor: move;
Chris@0 33 }
Chris@0 34 [dir="rtl"] #drupal-off-canvas .draggable a.tabledrag-handle {
Chris@0 35 float: right;
Chris@0 36 margin-right: 0;
Chris@0 37 margin-left: 5px;
Chris@0 38 }
Chris@0 39 #drupal-off-canvas a.tabledrag-handle .handle {
Chris@0 40 /* Use lighter drag icon against dark background. */
Chris@0 41 background-color: transparent;
Chris@0 42 background-image: url(../icons/bebebe/move.svg);
Chris@0 43 background-repeat: no-repeat;
Chris@0 44 background-position: center;
Chris@0 45 height: auto;
Chris@0 46 margin: 0;
Chris@0 47 padding: 0;
Chris@0 48 width: auto;
Chris@0 49 }
Chris@0 50 #drupal-off-canvas .draggable a.tabledrag-handle:hover .handle,
Chris@0 51 #drupal-off-canvas .draggable a.tabledrag-handle:focus .handle {
Chris@0 52 background-image: url(../icons/787878/move.svg);
Chris@0 53 text-decoration: none;
Chris@0 54 }
Chris@0 55 #drupal-off-canvas tr td {
Chris@0 56 transition: background 0.3s ease;
Chris@0 57 }
Chris@0 58
Chris@0 59 #drupal-off-canvas tr td abbr {
Chris@0 60 margin-left: 5px; /* LTR */
Chris@0 61 }
Chris@0 62
Chris@0 63 [dir="rtl"] #drupal-off-canvas tr td abbr {
Chris@0 64 margin-left: 0;
Chris@0 65 margin-right: 5px;
Chris@0 66 }
Chris@0 67 #drupal-off-canvas tr:hover td {
Chris@0 68 background: #222;
Chris@0 69 }
Chris@0 70 #drupal-off-canvas tr.drag td {
Chris@0 71 background: #111;
Chris@0 72 }
Chris@0 73 #drupal-off-canvas tr.drag-previous td {
Chris@0 74 background: #000;
Chris@0 75 }
Chris@0 76 #drupal-off-canvas tr.drag-previous:hover td {
Chris@0 77 background: #222;
Chris@0 78 }
Chris@0 79 body div.tabledrag-changed-warning {
Chris@0 80 margin-bottom: 0.5em;
Chris@0 81 font-size: 14px;
Chris@0 82 }
Chris@0 83 #drupal-off-canvas .touchevents .draggable td {
Chris@0 84 padding: 0 10px;
Chris@0 85 }
Chris@0 86 #drupal-off-canvas .touchevents .draggable .menu-item__link {
Chris@0 87 display: inline-block;
Chris@0 88 padding: 10px 0;
Chris@0 89 }
Chris@0 90 #drupal-off-canvas .touchevents a.tabledrag-handle {
Chris@0 91 height: 44px;
Chris@0 92 width: 40px;
Chris@0 93 }
Chris@0 94 #drupal-off-canvas .touchevents a.tabledrag-handle .handle {
Chris@0 95 background-position: 40% 19px; /* LTR */
Chris@0 96 height: 21px;
Chris@0 97 }
Chris@0 98 [dir="rtl"] #drupal-off-canvas .touch a.tabledrag-handle .handle {
Chris@0 99 background-position: right 40% top 19px;
Chris@0 100 }
Chris@0 101 #drupal-off-canvas .touchevents .draggable.drag a.tabledrag-handle .handle {
Chris@0 102 background-position: 50% -32px;
Chris@0 103 }
Chris@0 104 #drupal-off-canvas .tabledrag-toggle-weight-wrapper {
Chris@0 105 padding-top: 10px;
Chris@0 106 text-align: right; /* LTR */
Chris@0 107 }
Chris@0 108 [dir="rtl"] #drupal-off-canvas .tabledrag-toggle-weight-wrapper {
Chris@0 109 text-align: left;
Chris@0 110 }
Chris@0 111 #drupal-off-canvas .indentation {
Chris@0 112 float: left; /* LTR */
Chris@0 113 height: auto;
Chris@0 114 margin: 0 3px 0 -10px; /* LTR */
Chris@0 115 padding: 0 0 0 10px; /* LTR */
Chris@0 116 width: auto;
Chris@0 117 }
Chris@0 118 [dir="rtl"] #drupal-off-canvas .indentation {
Chris@0 119 float: right;
Chris@0 120 margin: 0 -10px 0 3px;
Chris@0 121 padding: 0 10px 0 0;
Chris@0 122 }