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

Side by Side Diff: chrome/browser/resources/history.css

Issue 9293011: History: Fix visual alignment of favicon and entry text. (Closed) Base URL: http://git.chromium.org/chromium/src.git@master
Patch Set: New version that doesn't make Linux look worse. 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
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2011 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 */ 4 */
5 5
6 #results-summary { 6 #results-summary {
7 border-top: 1px solid rgb(156, 194, 239); 7 border-top: 1px solid rgb(156, 194, 239);
8 background-color: rgb(235, 239, 249); 8 background-color: rgb(235, 239, 249);
9 font-weight: bold; 9 font-weight: bold;
10 padding: 3px; 10 padding: 3px;
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
59 59
60 .entry { 60 .entry {
61 overflow: auto; /* Make sure it's at least as large as its children. */ 61 overflow: auto; /* Make sure it's at least as large as its children. */
62 } 62 }
63 63
64 .entry-box { 64 .entry-box {
65 -webkit-box-orient: horizontal; 65 -webkit-box-orient: horizontal;
66 cursor: default; 66 cursor: default;
67 display: -webkit-box; 67 display: -webkit-box;
68 float: left; /* Box will shrink to fit its content. */ 68 float: left; /* Box will shrink to fit its content. */
69 line-height: 1.6em; 69 font-size: 13px;
70
71 /* An odd line-height ensures a consistent baseline on all platforms. */
72 line-height: 21px;
70 73
71 /* The box should be no bigger than its parent. */ 74 /* The box should be no bigger than its parent. */
72 max-width: 100%; 75 max-width: 100%;
73 76
74 overflow: hidden; 77 overflow: hidden;
78
79 padding-top: 1px;
75 } 80 }
76 81
77 html[dir=rtl] .entry-box { 82 html[dir=rtl] .entry-box {
78 float: right; /* To make the box shrink to fit its content. */ 83 float: right; /* To make the box shrink to fit its content. */
79 } 84 }
80 85
81 .search-results, .day-results { 86 .search-results, .day-results {
82 margin: 0 0 24px 0; 87 margin: 0 0 24px 0;
83 padding: 0; 88 padding: 0;
84 } 89 }
(...skipping 12 matching lines...) Expand all
97 text-overflow: ellipsis; 102 text-overflow: ellipsis;
98 } 103 }
99 104
100 .entry .domain { 105 .entry .domain {
101 color: rgb(154, 154, 154); 106 color: rgb(154, 154, 154);
102 padding-left: 6px; 107 padding-left: 6px;
103 padding-right: 6px; 108 padding-right: 6px;
104 } 109 }
105 110
106 .drop-down { 111 .drop-down {
107 -webkit-margin-end: 4px; 112 -webkit-margin-end: 5px;
108 background: white -webkit-canvas(drop-down-arrow) no-repeat center center; 113 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px;
109 border: 1px solid rgb(182, 212, 252); 114 border: 1px solid rgb(182, 212, 252);
110 border-radius: 2px; 115 border-radius: 2px;
111 height: 13px; 116 height: 12px;
117 padding: 0;
112 position: relative; 118 position: relative;
113 top: 2px; 119 top: 1px;
114 width: 13px; 120 width: 12px;
115 } 121 }
116 122
117 .drop-down:hover { 123 .drop-down:hover {
118 background-image: -webkit-canvas(drop-down-arrow-hover); 124 background-image: -webkit-canvas(drop-down-arrow-hover);
119 border-color: rgb(106, 134, 222); 125 border-color: rgb(106, 134, 222);
120 } 126 }
121 127
122 .drop-down[menu-shown], .drop-down:focus { 128 .drop-down[menu-shown], .drop-down:focus {
123 background-color: rgb(106, 134, 222); 129 background-color: rgb(106, 134, 222);
124 background-image: -webkit-canvas(drop-down-arrow-active); 130 background-image: -webkit-canvas(drop-down-arrow-active);
(...skipping 13 matching lines...) Expand all
138 width: 90px; 144 width: 90px;
139 } 145 }
140 146
141 .search-results .time { 147 .search-results .time {
142 width: 110px; 148 width: 110px;
143 } 149 }
144 150
145 .entry input[type=checkbox] { 151 .entry input[type=checkbox] {
146 -webkit-margin-end: 6px; 152 -webkit-margin-end: 6px;
147 -webkit-margin-start: 4px; 153 -webkit-margin-start: 4px;
148 height: 13px; 154 height: 14px;
149 line-height: 12px; 155 line-height: 12px;
150 text-indent: -1px; 156 text-indent: -1px;
151 top: 2px; 157 top: 2px;
152 width: 14px; 158 width: 14px;
153 } 159 }
154 160
155 /* Checkboxes are shown when checked or focused, or when the entry is hovered. 161 /* Checkboxes are shown when checked or focused, or when the entry is hovered.
156 Fade in on focus, but not on hover, because it makes the UI feel laggy. */ 162 Fade in on focus, but not on hover, because it makes the UI feel laggy. */
157 .entry input[type=checkbox]:not(:checked) { 163 .entry input[type=checkbox]:not(:checked) {
158 opacity: 0; 164 opacity: 0;
(...skipping 22 matching lines...) Expand all
181 overflow: hidden; 187 overflow: hidden;
182 text-overflow: ellipsis; 188 text-overflow: ellipsis;
183 white-space: nowrap; 189 white-space: nowrap;
184 } 190 }
185 191
186 .entry .title { 192 .entry .title {
187 /* Make room for the favicon. */ 193 /* Make room for the favicon. */
188 -webkit-padding-start: 20px; 194 -webkit-padding-start: 20px;
189 195
190 /* Control the favicon appearance. */ 196 /* Control the favicon appearance. */
197 background-position-y: 2px;
191 background-repeat: no-repeat; 198 background-repeat: no-repeat;
192 background-position-y: center;
193 } 199 }
194 200
195 .entry .starred { 201 .entry .starred {
196 -webkit-margin-start: 4px; 202 -webkit-margin-start: 4px;
197 background: url('shared/images/star_small.png') no-repeat; 203 background: url('shared/images/star_small.png') no-repeat;
198 display: inline-block; 204 display: inline-block;
199 height: 11px; 205 height: 11px;
200 width: 11px; 206 width: 11px;
201 } 207 }
202 208
(...skipping 18 matching lines...) Expand all
221 .fade-out { 227 .fade-out {
222 -webkit-transition: opacity 200ms; 228 -webkit-transition: opacity 200ms;
223 opacity: 0; 229 opacity: 0;
224 } 230 }
225 231
226 .page-navigation { 232 .page-navigation {
227 -webkit-margin-end: 4px; 233 -webkit-margin-end: 4px;
228 background-color: rgb(235, 239, 249); 234 background-color: rgb(235, 239, 249);
229 padding: 8px; 235 padding: 8px;
230 } 236 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698