Index: chrome/browser/resources/settings/settings_page/settings_section.html |
diff --git a/chrome/browser/resources/settings/settings_page/settings_section.html b/chrome/browser/resources/settings/settings_page/settings_section.html |
index d475b15efe6587764b2b2dae6068bfcdb929de96..67bf4c3981ca480a31debaa54ad0833616cb3084 100644 |
--- a/chrome/browser/resources/settings/settings_page/settings_section.html |
+++ b/chrome/browser/resources/settings/settings_page/settings_section.html |
@@ -1,6 +1,6 @@ |
<link rel="import" href="chrome://resources/html/polymer.html"> |
-<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animation-runner-behavior.html"> |
<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.html"> |
+<link rel="import" href="/animation/animation.html"> |
<dom-module id="settings-section"> |
<template> |
@@ -8,6 +8,9 @@ |
:host { |
display: flex; |
flex-direction: column; |
+ /* Margin so the box-shadow isn't clipped during animations. */ |
+ margin-left: 3px; |
+ margin-right: 3px; |
position: relative; |
} |
@@ -29,17 +32,14 @@ |
overflow: hidden; |
} |
- :host(.expanded) #header { |
- display: none; |
- } |
- |
- :host(.frozen) #card { |
- position: fixed; |
- width: 100%; |
+ :host(.expanding) #card, |
+ :host(.collapsing) #card, |
+ :host(.expanded) #card { |
+ @apply(--shadow-elevation-4dp); |
} |
- :host(.expanded.frozen) #card { |
- position: relative; |
+ :host(.expanded) #header { |
+ display: none; |
} |
</style> |
<div id="header"> |