annotate core/misc/dialog/off-canvas.css @ 19:fa3358dc1485 tip

Add ndrum files
author Chris Cannam
date Wed, 28 Aug 2019 13:14:47 +0100
parents af1871eacc83
children
rev   line source
Chris@14 1 /**
Chris@14 2 * @file
Chris@14 3 * CSS for off-canvas dialog.
Chris@14 4 */
Chris@14 5
Chris@14 6 /* Position the off-canvas dialog container outside the right of the viewport. */
Chris@14 7 .ui-dialog-off-canvas {
Chris@18 8 overflow: visible;
Chris@14 9 box-sizing: border-box;
Chris@14 10 height: 100%;
Chris@14 11 }
Chris@14 12
Chris@14 13 /* Wrap the form that's inside the off-canvas dialog. */
Chris@14 14 .ui-dialog-off-canvas .ui-dialog-content {
Chris@14 15 /* Prevent horizontal scrollbar. */
Chris@14 16 overflow-x: hidden;
Chris@14 17 overflow-y: auto;
Chris@18 18 padding: 0 20px;
Chris@14 19 }
Chris@14 20 [dir="rtl"] .ui-dialog-off-canvas .ui-dialog-content {
Chris@14 21 text-align: right;
Chris@14 22 }
Chris@14 23
Chris@14 24 /* Position the off-canvas dialog container outside the right of the viewport. */
Chris@14 25 .ui-dialog-off-canvas {
Chris@18 26 overflow: visible;
Chris@14 27 box-sizing: border-box;
Chris@14 28 height: 100%;
Chris@14 29 }
Chris@14 30
Chris@14 31 /* Wrap the form that's inside the off-canvas dialog. */
Chris@14 32 .ui-dialog-off-canvas #drupal-off-canvas {
Chris@14 33 /* Prevent horizontal scrollbar. */
Chris@14 34 overflow-x: hidden;
Chris@14 35 overflow-y: auto;
Chris@18 36 padding: 0 20px 20px;
Chris@14 37 }
Chris@14 38 [dir="rtl"] .ui-dialog-off-canvas #drupal-off-canvas {
Chris@14 39 text-align: right;
Chris@14 40 }
Chris@14 41
Chris@14 42 /*
Chris@14 43 * Force the off-canvas dialog to be 100% width at the same breakpoint the
Chris@14 44 * dialog system uses to expand dialog widths.
Chris@14 45 */
Chris@14 46 @media all and (max-width: 48em) { /* 768px */
Chris@14 47 .ui-dialog.ui-dialog-off-canvas {
Chris@14 48 width: 100% !important;
Chris@14 49 }
Chris@14 50 /* When off-canvas dialog is at 100% width stop the body from scrolling */
Chris@14 51 .js-off-canvas-dialog-open {
Chris@18 52 overflow-y: hidden;
Chris@14 53 height: 100%;
Chris@14 54 }
Chris@14 55 }