Index: chrome/browser/resources/new_new_tab.css |
diff --git a/chrome/browser/resources/new_new_tab.css b/chrome/browser/resources/new_new_tab.css |
index b3bfd359a6ac1fde96c7f98ded66e588c90b083c..9d72dff39ce742211218dd729431d22175f5249c 100644 |
--- a/chrome/browser/resources/new_new_tab.css |
+++ b/chrome/browser/resources/new_new_tab.css |
@@ -279,7 +279,8 @@ html[anim=true][enable-section-animations=true] .section { |
-webkit-transition: top .15s; |
} |
-.section.disabled { |
+.section.disabled, |
+#closed-sections-bar .disabled { |
display: none !important; |
} |
@@ -313,7 +314,7 @@ html[anim=true] .section > h2 > .disclosure { |
} |
.section:not(.hidden) > h2 > .disclosure { |
- -webkit-transform:rotate(90deg); |
+ -webkit-transform: rotate(90deg); |
} |
.section > h2 .back { |
@@ -331,6 +332,67 @@ html[anim=true] .section > h2 > .disclosure { |
z-index: 2; |
} |
+.section-close-button { |
+ -webkit-appearance: none; |
+ -webkit-transition: opacity .15s; |
+ background-color: transparent; |
+ background-image: url(chrome://theme/IDR_CLOSE_BAR); |
+ background-position: center center; |
+ background-repeat no-repeat; |
+ border: 0; |
+ height: 21px; |
+ margin-top: -10px; |
+ position: absolute; |
+ right: -21px; |
+ top: 50%; |
+ width: 21px; |
+ opacity: 0; |
+ z-index: 3; |
+} |
+ |
+html[dir=rtl] .section-close-button { |
+ left: -21px; |
+ right: auto; |
+} |
+ |
+.section > h2:hover .section-close-button, |
+.section-close-button:hover { |
+ opacity: 1; |
+} |
+ |
+.section-close-button:hover { |
+ background-image: url(chrome://theme/IDR_CLOSE_BAR_H); |
+} |
+ |
+#closed-sections-bar { |
+ position: fixed; |
+ bottom: 5px; |
+} |
+ |
+#closed-sections-bar > button { |
+ -webkit-appearance: none; |
+ background: none; |
+ border: 0; |
+ cursor: pointer; |
+ font: inherit; |
+ margin: 0; |
+ margin-right: 1.5em; |
+ padding: 0; |
+ |
+ /* Note: The font here should end up the same as .section > h2. A different |
+ percentage is needed because the parent element here has a different size. */ |
+ font-family: Helvetica, Arial, sans-serif; |
+ font-size: 122%; |
+ font-weight: normal; |
+} |
+ |
+#closed-sections-bar > button > img { |
+ -webkit-transform: rotate(90deg); |
+ position: relative; |
+ top: -2px; |
+ margin-left: 1px; |
+} |
+ |
.maxiview { |
padding: 5px 0 30px; |
position: absolute; |