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: 960px; | 12 max-width: 960px; |
13 min-width: 622px; | 13 min-width: 622px; |
14 position: relative; | 14 position: relative; |
15 width: 96%; | 15 width: 96%; |
16 } | 16 } |
17 | 17 |
18 :host(.showing-subpage) { | |
19 /* Set the height to the container height so the subpage scrolls. */ | |
20 height: 100%; | |
21 } | |
22 | |
18 :host > div { | 23 :host > div { |
19 height: inherit; | 24 height: inherit; |
20 } | 25 } |
21 | 26 |
22 :host > div > :not(.expanded) { | 27 :host > div > :not(.expanded) { |
23 /* The margin and padding here are doing two things: make the total | 28 /* The margin and padding here are doing two things: make the total |
24 * separation 24px; and make scrollIntoView align the section header | 29 * separation 24px; and make scrollIntoView align the section header |
25 * with the top item in the side nav menu. Both things are desired | 30 * with the top item in the side nav menu. Both things are desired |
26 * by Alan (bettes@). */ | 31 * by Alan (bettes@). */ |
27 margin-bottom: 3px; | 32 margin-bottom: 3px; |
28 } | 33 } |
29 | 34 |
30 .expanded { | 35 settings-section.expanded { |
31 min-height: 100%; | 36 min-height: 100%; |
32 } | 37 } |
33 | 38 |
34 .expanding, | 39 settings-section.expanding, |
35 .collapsing { | 40 settings-section.collapsing { |
Dan Beam
2016/08/05 00:47:07
why are you adding this? i had to remove a tag na
| |
36 /* Must be lower than the paper-header-panel's z-index. | 41 /* Must be lower than the paper-header-panel's z-index. |
37 * See settings_ui.html. */ | 42 * See settings_ui.html. */ |
38 z-index: 1; | 43 z-index: 1; |
39 } | 44 } |
40 </style> | 45 </style> |
41 </template> | 46 </template> |
42 </dom-module> | 47 </dom-module> |
OLD | NEW |