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

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

Issue 13811015: History: Fix alignment issues in search. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Fixes 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 unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | chrome/browser/resources/history/history.js » ('j') | 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) 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 4
5 html[dir=rtl] body.uber-frame > .page { 5 html[dir=rtl] body.uber-frame > .page {
6 -webkit-margin-end: 0; 6 -webkit-margin-end: 0;
7 } 7 }
8 8
9 #top-container { 9 #top-container {
10 margin-top: 16px; 10 margin-top: 16px;
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after
133 padding: 0; 133 padding: 0;
134 } 134 }
135 135
136 .gap { 136 .gap {
137 -webkit-border-end: 1px solid rgb(192, 195, 198); 137 -webkit-border-end: 1px solid rgb(192, 195, 198);
138 height: 14px; 138 height: 14px;
139 margin: 1px 0; 139 margin: 1px 0;
140 width: 45px; 140 width: 45px;
141 } 141 }
142 142
143 .entry {
144 display: -webkit-flex;
145 overflow: auto;
146 }
147
148 .entry-box, 143 .entry-box,
149 .site-domain-wrapper { 144 .site-domain-wrapper {
150 -webkit-align-items: center; 145 -webkit-align-items: center;
151 cursor: default; 146 cursor: default;
152 display: -webkit-flex; 147 display: -webkit-flex;
153 /* An odd line-height ensures a consistent baseline on all platforms. */ 148 /* An odd line-height ensures a consistent baseline on all platforms. */
154 line-height: 1.75em; 149 line-height: 1.75em;
155 margin-bottom: 6px; 150 margin-bottom: 6px;
156 /* The box should be no bigger than its parent. */ 151 /* The box should be no bigger than its parent. */
157 max-width: 100%; 152 max-width: 100%;
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after
247 color: rgb(151, 156, 160); 242 color: rgb(151, 156, 160);
248 min-width: 90px; 243 min-width: 90px;
249 overflow: hidden; 244 overflow: hidden;
250 text-overflow: ellipsis; 245 text-overflow: ellipsis;
251 white-space: nowrap; 246 white-space: nowrap;
252 width: 90px; 247 width: 90px;
253 } 248 }
254 249
255 .search-results .time, 250 .search-results .time,
256 .month-results .time { 251 .month-results .time {
252 min-width: 110px;
257 width: 110px; 253 width: 110px;
258 } 254 }
259 255
260 .entry input[type=checkbox] { 256 .entry input[type=checkbox] {
261 -webkit-margin-end: 6px; 257 -webkit-margin-end: 6px;
262 -webkit-margin-start: 4px; 258 -webkit-margin-start: 4px;
263 line-height: 1em; 259 line-height: 1em;
264 } 260 }
265 261
266 <if expr="not pp_ifdef('android')"> 262 <if expr="not pp_ifdef('android')">
(...skipping 11 matching lines...) Expand all
278 opacity: 1; 274 opacity: 1;
279 } 275 }
280 276
281 .site-domain-wrapper input[type=checkbox]:focus, 277 .site-domain-wrapper input[type=checkbox]:focus,
282 .entry-box input[type=checkbox]:focus { 278 .entry-box input[type=checkbox]:focus {
283 -webkit-transition: opacity 150ms; 279 -webkit-transition: opacity 150ms;
284 } 280 }
285 281
286 .filter-status { 282 .filter-status {
287 display: -webkit-flex; 283 display: -webkit-flex;
288 -webkit-flex-grow: 1; 284 -webkit-flex: 1 0 auto;
289 -webkit-justify-content: flex-end; 285 -webkit-justify-content: flex-end;
290 } 286 }
291 287
292 .filter-status > div { 288 .filter-status > div {
289 -webkit-flex: 0 0 auto;
293 -webkit-transition: background-color 500ms ease-in-out; 290 -webkit-transition: background-color 500ms ease-in-out;
294 border-radius: 3px; 291 border-radius: 3px;
295 font-size: 11px; 292 font-size: 11px;
296 height: 14px; 293 height: 14px;
297 line-height: 12px; 294 line-height: 12px;
298 visibility: hidden; 295 visibility: hidden;
299 white-space: nowrap; 296 white-space: nowrap;
300 } 297 }
301 298
302 .filter-status > div.filter-allowed, 299 .filter-status > div.filter-allowed,
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
335 .entry-box { 332 .entry-box {
336 background-color: none; 333 background-color: none;
337 } 334 }
338 335
339 .entry-box:hover, 336 .entry-box:hover,
340 .entry-box.contains-focus { 337 .entry-box.contains-focus {
341 background-color: rgb(252, 252, 252); 338 background-color: rgb(252, 252, 252);
342 border-radius: 2px; 339 border-radius: 2px;
343 } 340 }
344 341
342 .entry-box-container {
343 display: -webkit-flex;
344 }
345
345 .entry .title-and-domain { 346 .entry .title-and-domain {
346 display: -webkit-flex; 347 display: -webkit-flex;
347 min-width: 0; 348 min-width: 0;
348 } 349 }
349 350
350 .entry .title { 351 .entry .title {
351 min-width: 0; 352 min-width: 0;
352 overflow: hidden; 353 overflow: hidden;
353 text-overflow: ellipsis; 354 text-overflow: ellipsis;
354 white-space: nowrap; 355 white-space: nowrap;
(...skipping 123 matching lines...) Expand 10 before | Expand all | Expand 10 after
478 } 479 }
479 480
480 /* Clear the float to ensure that #results-pagination encloses its children. */ 481 /* Clear the float to ensure that #results-pagination encloses its children. */
481 #results-pagination::after { 482 #results-pagination::after {
482 clear: both; 483 clear: both;
483 content: ''; 484 content: '';
484 display: block; 485 display: block;
485 height: 0; 486 height: 0;
486 visibility: hidden; 487 visibility: hidden;
487 } 488 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/history/history.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698