OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 <link rel="import" href="settings_page/main_page_behavior.html"> | 2 <link rel="import" href="settings_page/main_page_behavior.html"> |
3 | 3 |
4 <dom-module id="settings-page-styles"> | 4 <dom-module id="settings-page-styles"> |
5 <template> | 5 <template> |
6 <style> | 6 <style> |
7 :host { | 7 :host { |
8 box-sizing: border-box; | 8 box-sizing: border-box; |
9 display: block; | 9 display: block; |
10 height: inherit; | 10 height: inherit; |
11 margin: 0 auto; | 11 margin: 0 auto; |
12 max-width: calc(var(--settings-card-max-width) + 3 * 2px); | 12 max-width: calc(var(--settings-card-max-width) + 3 * 2px); |
13 min-width: 550px; | 13 min-width: 550px; |
14 position: relative; | 14 position: relative; |
15 width: 96%; | 15 width: 96%; |
16 } | 16 } |
17 | 17 |
18 :host(.showing-subpage) { | 18 :host(.showing-subpage), |
| 19 :host(.showing-subpage) #basicPage, |
| 20 :host(.showing-subpage) #advancedPage { |
19 /* The subpage container should extend to the bottom of the page. */ | 21 /* The subpage container should extend to the bottom of the page. */ |
20 height: 100%; | 22 height: 100%; |
21 } | 23 } |
22 | 24 |
23 :host > div { | |
24 height: inherit; | |
25 } | |
26 | |
27 :host > div > :not(.expanded) { | 25 :host > div > :not(.expanded) { |
28 /* The margin and padding here are doing two things: make the total | 26 /* The margin and padding here are doing two things: make the total |
29 * separation 24px; and make scrollIntoView align the section header | 27 * separation 24px; and make scrollIntoView align the section header |
30 * with the top item in the side nav menu. Both things are desired | 28 * with the top item in the side nav menu. Both things are desired |
31 * by Alan (bettes@). */ | 29 * by Alan (bettes@). */ |
32 margin-bottom: 3px; | 30 margin-bottom: 3px; |
33 } | 31 } |
34 | 32 |
35 .expanded { | 33 .expanded { |
36 min-height: 100%; | 34 min-height: 100%; |
37 } | 35 } |
38 | 36 |
39 .expanding, | 37 .expanding, |
40 .collapsing { | 38 .collapsing { |
41 /* Must be lower than the cr-toolbar's z-index. | 39 /* Must be lower than the cr-toolbar's z-index. |
42 * See settings_ui.html. */ | 40 * See settings_ui.html. */ |
43 z-index: 1; | 41 z-index: 1; |
44 } | 42 } |
45 </style> | 43 </style> |
46 </template> | 44 </template> |
47 </dom-module> | 45 </dom-module> |
OLD | NEW |