1 files changed, 23 insertions, 6 deletions
diff --git a/chrome/browser/resources/new_new_tab.css b/chrome/browser/resources/new_new_tab.css
index 2630d79..68d7cd7 100644
--- a/chrome/browser/resources/new_new_tab.css
+++ b/chrome/browser/resources/new_new_tab.css
@@ -297,6 +297,10 @@ html[hasattribution=false] #attribution > div {
   font-size: 12px;
 }
 
+html[anim=true][enable-section-animations=true] .section {
+  -webkit-transition: top .15s;
+}
+
 .section.disabled {
   display: none !important;
 }
@@ -325,6 +329,10 @@ html[dir=rtl] .section > h2 > .disclosure {
   -webkit-transform: rotate(180deg);
 }
 
+html[anim=true] .section > h2 > .disclosure {
+  -webkit-transition: -webkit-transform .15s;
+}
+
 .section:not(.hidden) > h2 > .disclosure {
   -webkit-transform:rotate(90deg);
 }
@@ -380,13 +388,26 @@ html[dir=rtl] .section > h2 .settings-wrapper {
   padding: 5px 0 30px;
   position: absolute;
   -webkit-mask-attachment: fixed;
+  opacity: 1;
+}
+
+.maxiview.hiding {
+  opacity: 0;
+}
+
+.maxiview.hidden {
+  display: none;
+}
+
+html[anim=true] .maxiview {
+  -webkit-transition: opacity .15s;
 }
 
 .section > .miniview {
   display: none;
-  height: 24px;
   margin: 10px 0 30px;
-  overflow: hidden;
+  white-space: nowrap;
+  overflow-x: hidden;
 }
 
 .section.hidden > * {
@@ -402,10 +423,6 @@ html[dir=rtl] .section > h2 .settings-wrapper {
   margin-right: 0;
 }
 
-.maxiview.hidden {
-  display: none;
-}
-
 .miniview > span  {
   display: inline-block;
   max-width: 114px; /* Selected so that we can fit 5 items in EN-US */