Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(56)

Unified Diff: chrome/browser/resources/local_ntp/local_ntp.css

Issue 14261017: Local NTP: Render two rows of Most Visited tiles. (Closed) Base URL: https://git.chromium.org/chromium/src.git@master
Patch Set: ...and merge! Created 7 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | chrome/browser/resources/local_ntp/local_ntp.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/local_ntp/local_ntp.css
diff --git a/chrome/browser/resources/local_ntp/local_ntp.css b/chrome/browser/resources/local_ntp/local_ntp.css
index 418ee0fc1067820639cbad8ad6d5bdb86da1cf75..c438dd7561996387078fe6643b54ecdd0ccab495 100644
--- a/chrome/browser/resources/local_ntp/local_ntp.css
+++ b/chrome/browser/resources/local_ntp/local_ntp.css
@@ -6,7 +6,7 @@ body {
background-color: white;
cursor: default;
margin: 0;
- overflow: hidden;
+ overflow-x: hidden;
}
#ntp-contents {
@@ -100,7 +100,7 @@ body.fakebox-focused #cursor {
#most-visited {
-webkit-user-select: none;
- margin-top: 60px;
+ margin-top: 50px;
text-align: -webkit-center;
}
@@ -118,7 +118,7 @@ body.fakebox-focused #cursor {
#mv-tiles {
/* Use GPU compositing if available. */
-webkit-transform: translate3d(0, 0, 0);
- height: 120px;
+ height: 260px;
overflow: hidden;
white-space: nowrap;
width: 304px;
@@ -131,13 +131,17 @@ body.fakebox-focused #cursor {
}
}
-@media only screen and (min-width:829px) {
+@media only screen and (min-width:828px) {
#fakebox,
#mv-tiles {
- width: 629px;
+ width: 628px;
}
}
+.mv-row {
+ margin-bottom: 50px;
+}
+
.mv-tile:first-child {
-webkit-margin-start: 0;
}
@@ -160,10 +164,8 @@ body.fakebox-focused #cursor {
/* Class applied to tiles to trigger the blacklist animation. */
.mv-tile.mv-blacklist {
- -webkit-margin-start: 0;
-webkit-transform: scale(0.5);
opacity: 0;
- width: 0;
}
.mv-filler {
« no previous file with comments | « no previous file | chrome/browser/resources/local_ntp/local_ntp.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698