| Index: chrome/browser/resources/settings/settings_page/settings_section.css
|
| diff --git a/chrome/browser/resources/settings/settings_page/settings_section.css b/chrome/browser/resources/settings/settings_page/settings_section.css
|
| index 6d2622ce538bcb2db77dfeb8d4e0ae4bb715a323..6b0c5c54870ff5bfc718ce59813b642fcf090cf8 100644
|
| --- a/chrome/browser/resources/settings/settings_page/settings_section.css
|
| +++ b/chrome/browser/resources/settings/settings_page/settings_section.css
|
| @@ -6,18 +6,49 @@
|
| * @fileoverview
|
| * Common styles for Settings pages.
|
| */
|
| -#section {
|
| - background-color: white;
|
| +:host {
|
| + display: block;
|
| +}
|
| +
|
| +:host(.expanded) {
|
| height: 100%;
|
| - margin-bottom: 16px;
|
| - overflow: hidden;
|
| - width: 605px;
|
| +}
|
| +
|
| +:host(.expanded) #header {
|
| + display: none;
|
| }
|
|
|
| #header .title {
|
| @apply(--paper-font-body2);
|
| }
|
|
|
| -#content-container {
|
| +paper-material {
|
| + background-color: white;
|
| + box-sizing: border-box;
|
| + overflow: hidden;
|
| padding: 16px;
|
| }
|
| +
|
| +paper-material,
|
| +#placeholder {
|
| + margin-bottom: 16px;
|
| + width: 605px;
|
| +}
|
| +
|
| +:host(.neon-animating) paper-material {
|
| + position: fixed;
|
| + z-index: 1;
|
| +}
|
| +
|
| +:host(.expanded) paper-material {
|
| + margin-bottom: 0;
|
| + min-height: 100%;
|
| +}
|
| +
|
| +#placeholder {
|
| + visibility: hidden;
|
| +}
|
| +
|
| +:host(:not(.neon-animating)) #placeholder {
|
| + position: absolute;
|
| +}
|
|
|