comparison core/misc/dialog/off-canvas.css @ 5:12f9dff5fda9 tip

Update to Drupal core 8.7.1
author Chris Cannam
date Thu, 09 May 2019 15:34:47 +0100
parents a9cd425dd02b
children
comparison
equal deleted inserted replaced
4:a9cd425dd02b 5:12f9dff5fda9
3 * CSS for off-canvas dialog. 3 * CSS for off-canvas dialog.
4 */ 4 */
5 5
6 /* Position the off-canvas dialog container outside the right of the viewport. */ 6 /* Position the off-canvas dialog container outside the right of the viewport. */
7 .ui-dialog-off-canvas { 7 .ui-dialog-off-canvas {
8 overflow: visible;
8 box-sizing: border-box; 9 box-sizing: border-box;
9 height: 100%; 10 height: 100%;
10 overflow: visible;
11 } 11 }
12 12
13 /* Wrap the form that's inside the off-canvas dialog. */ 13 /* Wrap the form that's inside the off-canvas dialog. */
14 .ui-dialog-off-canvas .ui-dialog-content { 14 .ui-dialog-off-canvas .ui-dialog-content {
15 padding: 0 20px;
16 /* Prevent horizontal scrollbar. */ 15 /* Prevent horizontal scrollbar. */
17 overflow-x: hidden; 16 overflow-x: hidden;
18 overflow-y: auto; 17 overflow-y: auto;
18 padding: 0 20px;
19 } 19 }
20 [dir="rtl"] .ui-dialog-off-canvas .ui-dialog-content { 20 [dir="rtl"] .ui-dialog-off-canvas .ui-dialog-content {
21 text-align: right; 21 text-align: right;
22 } 22 }
23 23
24 /* Position the off-canvas dialog container outside the right of the viewport. */ 24 /* Position the off-canvas dialog container outside the right of the viewport. */
25 .ui-dialog-off-canvas { 25 .ui-dialog-off-canvas {
26 overflow: visible;
26 box-sizing: border-box; 27 box-sizing: border-box;
27 height: 100%; 28 height: 100%;
28 overflow: visible;
29 } 29 }
30 30
31 /* Wrap the form that's inside the off-canvas dialog. */ 31 /* Wrap the form that's inside the off-canvas dialog. */
32 .ui-dialog-off-canvas #drupal-off-canvas { 32 .ui-dialog-off-canvas #drupal-off-canvas {
33 padding: 0 20px 20px;
34 /* Prevent horizontal scrollbar. */ 33 /* Prevent horizontal scrollbar. */
35 overflow-x: hidden; 34 overflow-x: hidden;
36 overflow-y: auto; 35 overflow-y: auto;
36 padding: 0 20px 20px;
37 } 37 }
38 [dir="rtl"] .ui-dialog-off-canvas #drupal-off-canvas { 38 [dir="rtl"] .ui-dialog-off-canvas #drupal-off-canvas {
39 text-align: right; 39 text-align: right;
40 } 40 }
41 41
47 .ui-dialog.ui-dialog-off-canvas { 47 .ui-dialog.ui-dialog-off-canvas {
48 width: 100% !important; 48 width: 100% !important;
49 } 49 }
50 /* When off-canvas dialog is at 100% width stop the body from scrolling */ 50 /* When off-canvas dialog is at 100% width stop the body from scrolling */
51 .js-off-canvas-dialog-open { 51 .js-off-canvas-dialog-open {
52 overflow-y: hidden;
52 height: 100%; 53 height: 100%;
53 overflow-y: hidden;
54 } 54 }
55 } 55 }