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

   1 /**
   2  * @file
   3  * Styling for Settings Tray module.
   4  */
   5 /*
   6  * Position the edit toolbar tab.
   7  * @todo Move changes into contextual module when Settings Tray is not
   8  *   experimental: https://www.drupal.org/node/2784591.
   9  */
  10 .toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
  11   float: left;
  12 }
  13 [dir="rtl"] .toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
  14   float: right;
  15 }
  16
  17 #main-canvas.js-outside-in-edit-mode a,
  18 #main-canvas.js-outside-in-edit-mode input {
  19   pointer-events: none;
  20 }
  21 #main-canvas.js-outside-in-edit-mode .contextual-links a {
  22   pointer-events: inherit;
  23 }
  24
  25 /*
  26  * Force the tray to be 100% width at the same breakpoint the dialog system uses
  27  * to expand dialog widths.
  28  */
  29 @media all and (max-width: 48em) { /* 768px */
  30   .ui-dialog.ui-dialog-off-canvas {
  31     width: 100% !important;
  32   }
  33   /* When tray is at 100% width stop the body from scrolling */
  34   .js-tray-open {
  35     height: 100%;
  36     overflow-y: hidden;
  37   }
  38 }