Mercurial > hg > isophonics-drupal-site
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 } |