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

Side by Side Diff: chrome/browser/resources/options2/browser_options.css

Issue 10169030: Fix height of of menu items in the network menu when used with touch optimization. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 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 | 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) 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 #change-home-page-section { 5 #change-home-page-section {
6 margin-left: 30px; 6 margin-left: 30px;
7 } 7 }
8 8
9 #home-page-url { 9 #home-page-url {
10 display: inline-block; 10 display: inline-block;
(...skipping 288 matching lines...) Expand 10 before | Expand all | Expand 10 after
299 .network-menu-item { 299 .network-menu-item {
300 -webkit-padding-start: 32px; 300 -webkit-padding-start: 32px;
301 background: left center no-repeat; 301 background: left center no-repeat;
302 display: -webkit-box; 302 display: -webkit-box;
303 height: 32px; 303 height: 32px;
304 margin-left: 4px; 304 margin-left: 4px;
305 margin-right: 4px; 305 margin-right: 4px;
306 vertical-align: middle; 306 vertical-align: middle;
307 } 307 }
308 308
309 html[touch-optimized] .network-menu-item {
310 height: 40px;
311 }
312
309 .network-menu-item-label { 313 .network-menu-item-label {
310 -webkit-box-flex: 1; 314 -webkit-box-flex: 1;
311 color: #555; 315 color: #555;
312 display: block; 316 display: block;
313 overflow-x: hidden; 317 overflow-x: hidden;
314 padding-top: 8px; 318 padding-top: 8px;
315 text-overflow: ellipsis; 319 text-overflow: ellipsis;
316 vertical-align: middle; 320 vertical-align: middle;
317 white-space: nowrap; 321 white-space: nowrap;
318 } 322 }
319 323
324 html[touch-optimized] .network-menu-item-label {
325 padding-top: 14px;
326 }
327
320 .network-disabled-control { 328 .network-disabled-control {
321 color: #999; 329 color: #999;
322 } 330 }
323 331
324 .network-menu-header { 332 .network-menu-header {
325 -webkit-padding-start: 36px; 333 -webkit-padding-start: 36px;
326 color: #999; 334 color: #999;
327 padding-bottom: 8px; 335 padding-bottom: 8px;
328 padding-top: 8px; 336 padding-top: 8px;
329 } 337 }
330 338
331 /* Restrict the size of the networks menu, by limiting the number of 339 /* Restrict the size of the networks menu, by limiting the number of
332 visible networks. */ 340 visible networks. */
333 .network-menu-group { 341 .network-menu-group {
334 max-height: 192px; 342 max-height: 192px;
335 overflow-x: hidden; 343 overflow-x: hidden;
336 overflow-y: auto; 344 overflow-y: auto;
337 text-overflow: ellipsis; 345 text-overflow: ellipsis;
338 } 346 }
339 347
348 html[touch-optimized] .network-menu-group {
349 max-height: 200px;
350 }
351
340 .network-menu-item[dir=rtl] { 352 .network-menu-item[dir=rtl] {
341 background: right center no-repeat; 353 background: right center no-repeat;
342 } 354 }
343 355
344 .network-menu-item:hover { 356 .network-menu-item:hover {
345 background-color: #eee; 357 background-color: #eee;
346 } 358 }
347 359
348 .network-menu > hr { 360 .network-menu > hr {
349 opacity: 0.4; 361 opacity: 0.4;
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
383 } 395 }
384 396
385 .sliding { 397 .sliding {
386 -webkit-transition: height 200ms; 398 -webkit-transition: height 200ms;
387 overflow-y: hidden; 399 overflow-y: hidden;
388 } 400 }
389 401
390 #sessionRestoreOverlay { 402 #sessionRestoreOverlay {
391 width: 500px; 403 width: 500px;
392 } 404 }
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