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