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

Side by Side Diff: chrome/browser/resources/ntp4/nav_dot.css

Issue 9325059: [Clean up] Fix style guide nits in chrome/browser/resources/ntp4. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: fixing margin Created 8 years, 10 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 unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. 3 * found in the LICENSE file. */
4 */
5 4
6 /* TODO(estade): handle overflow better? I tried overflow-x: hidden and 5 /* TODO(estade): handle overflow better? I tried overflow-x: hidden and
7 overflow-y: visible (for the new dot animation), but this makes a scroll 6 overflow-y: visible (for the new dot animation), but this makes a scroll
8 bar appear */ 7 bar appear */
9 #dot-list { 8 #dot-list {
9 /* Expand to take up all available horizontal space. */
10 -webkit-box-flex: 1;
11 /* Center child dots. */
12 -webkit-box-pack: center;
10 display: -webkit-box; 13 display: -webkit-box;
11 height: 100%; 14 height: 100%;
12 list-style-type: none; 15 list-style-type: none;
13 margin: 0; 16 margin: 0;
14 padding: 0; 17 padding: 0;
15 /* Expand to take up all available horizontal space. */
16 -webkit-box-flex: 1;
17 /* Center child dots. */
18 -webkit-box-pack: center;
19 } 18 }
20 19
21 html.starting-up #dot-list { 20 html.starting-up #dot-list {
22 display: none; 21 display: none;
23 } 22 }
24 23
25 .dot { 24 .dot {
25 -webkit-box-flex: 1;
26 -webkit-margin-end: 10px;
27 -webkit-padding-start: 2px;
28 -webkit-transition: max-width 250ms, -webkit-margin-end 250ms;
26 box-sizing: border-box; 29 box-sizing: border-box;
27 cursor: pointer; 30 cursor: pointer;
28 /* max-width: Set in new_tab.js. See measureNavDots() */ 31 /* max-width: Set in new_tab.js. See measureNavDots() */
29 outline: none; 32 outline: none;
30 text-align: left; 33 text-align: left;
31 -webkit-box-flex: 1;
32 -webkit-margin-end: 10px;
33 -webkit-padding-start: 2px;
34 -webkit-transition: max-width 250ms, -webkit-margin-end 250ms;
35 } 34 }
36 35
37 .dot:last-child { 36 .dot:last-child {
38 -webkit-margin-end: 0; 37 -webkit-margin-end: 0;
39 } 38 }
40 39
41 .dot.small { 40 .dot.small {
41 -webkit-margin-end: 0;
42 max-width: 0; 42 max-width: 0;
43 -webkit-margin-end: 0;
44 } 43 }
45 44
46 .dot .selection-bar { 45 .dot .selection-bar {
46 -webkit-transition: border-color 200ms;
47 border-bottom: 5px solid; 47 border-bottom: 5px solid;
48 border-color: rgba(0, 0, 0, 0.1); 48 border-color: rgba(0, 0, 0, 0.1);
49 height: 10px; 49 height: 10px;
50 -webkit-transition: border-color 200ms;
51 } 50 }
52 51
53 .dot input { 52 .dot input {
53 -webkit-appearance: caret;
54 -webkit-transition: color 200ms;
54 background-color: transparent; 55 background-color: transparent;
55 cursor: inherit; 56 cursor: inherit;
56 /* TODO(estade): the font needs tweaking. */ 57 /* TODO(estade): the font needs tweaking. */
57 font-size: 8pt; 58 font-size: 8pt;
58 font-weight: bold; 59 font-weight: bold;
59 padding-top: 0; 60 padding-top: 0;
60 width: 90%; 61 width: 90%;
61 -webkit-appearance: caret;
62 -webkit-transition: color 200ms;
63 } 62 }
64 63
65 .dot input:focus { 64 .dot input:focus {
66 cursor: auto; 65 cursor: auto;
67 } 66 }
68 67
69 /* Everything below here should be themed but we don't have appropriate colors 68 /* Everything below here should be themed but we don't have appropriate colors
70 * yet. 69 * yet.
71 */ 70 */
72 .dot input { 71 .dot input {
73 color: #b2b2b2; 72 color: #b2b2b2;
74 } 73 }
75 74
76 .dot:focus input, 75 .dot:focus input,
77 .dot:hover input, 76 .dot:hover input,
78 .dot.selected input { 77 .dot.selected input {
79 color: #7f7f7f; 78 color: #7f7f7f;
80 } 79 }
81 80
82 .dot:focus .selection-bar, 81 .dot:focus .selection-bar,
83 .dot:hover .selection-bar, 82 .dot:hover .selection-bar,
84 .dot.drag-target .selection-bar { 83 .dot.drag-target .selection-bar {
85 border-color: #b2b2b2; 84 border-color: #b2b2b2;
86 } 85 }
87 86
88 .dot.selected .selection-bar { 87 .dot.selected .selection-bar {
89 border-color: #7f7f7f; 88 border-color: #7f7f7f;
90 } 89 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp4/most_visited_page.css ('k') | chrome/browser/resources/ntp4/new_tab.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698