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

Side by Side Diff: chrome/browser/resources/options/options_page.css

Issue 6093001: Some RTL fixes for tabbed options. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: swap around id Created 10 years 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 | « chrome/browser/resources/options/options.js ('k') | 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 body { 1 body {
2 -webkit-user-select: none; 2 -webkit-user-select: none;
3 cursor: default; 3 cursor: default;
4 font-size: 100%; 4 font-size: 100%;
5 } 5 }
6 6
7 #settings-title { 7 #settings-title {
8 -webkit-padding-end: 24px; 8 -webkit-padding-end: 24px;
9 color: #53637d; 9 color: #53637d;
10 font-size: 200%; 10 font-size: 200%;
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after
68 html[dir='rtl'] .close-subpage { 68 html[dir='rtl'] .close-subpage {
69 float: left; 69 float: left;
70 left: 0; 70 left: 0;
71 } 71 }
72 72
73 html[hide-menu=true] .close-subpage { 73 html[hide-menu=true] .close-subpage {
74 display: none 74 display: none
75 } 75 }
76 76
77 .action-area { 77 .action-area {
78 -webkit-box-align: center;
78 -webkit-box-orient: horizontal; 79 -webkit-box-orient: horizontal;
79 -webkit-box-align: center; 80 bottom: 0;
81 display: -webkit-box;
80 padding: 12px; 82 padding: 12px;
81 position: absolute; 83 position: absolute;
82 right: 0px; 84 right: 0;
83 bottom: 0px; 85 }
84 display: -webkit-box; 86
87 html[dir='rtl'] .action-area {
88 left: 0px;
arv (Not doing code reviews) 2010/12/23 17:55:39 left: 0;
85 } 89 }
86 90
87 .button-strip { 91 .button-strip {
88 -webkit-box-orient: horizontal; 92 -webkit-box-orient: horizontal;
89 display: -webkit-box; 93 display: -webkit-box;
90 } 94 }
91 95
92 html[toolkit=views] .button-strip { 96 html[toolkit=views] .button-strip {
93 -webkit-box-direction: reverse; 97 -webkit-box-direction: reverse;
94 } 98 }
(...skipping 266 matching lines...) Expand 10 before | Expand all | Expand 10 after
361 color: blue; 365 color: blue;
362 cursor: pointer; 366 cursor: pointer;
363 text-decoration: underline; 367 text-decoration: underline;
364 } 368 }
365 369
366 .text-button { 370 .text-button {
367 background-color: transparent; 371 background-color: transparent;
368 border-color: transparent; 372 border-color: transparent;
369 } 373 }
370 374
371 #contentSettingsPage :invalid {
372 background-color: pink;
373 }
374
375 .settings-list { 375 .settings-list {
376 border: 1px solid #d9d9d9; 376 border: 1px solid #d9d9d9;
377 border-radius: 2px; 377 border-radius: 2px;
378 } 378 }
379 379
380 list > * { 380 list > * {
381 -webkit-box-align: center; 381 -webkit-box-align: center;
382 -webkit-transition: .15s background-color; 382 -webkit-transition: .15s background-color;
383 box-sizing: border-box; 383 box-sizing: border-box;
384 border-radius: 0px; 384 border-radius: 0px;
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after
477 padding-left: 5px; 477 padding-left: 5px;
478 } 478 }
479 479
480 .favicon-cell { 480 .favicon-cell {
481 -webkit-padding-start: 20px; 481 -webkit-padding-start: 20px;
482 background-position: left; 482 background-position: left;
483 background-repeat: no-repeat; 483 background-repeat: no-repeat;
484 } 484 }
485 485
486 list .favicon-cell { 486 list .favicon-cell {
487 -webkit-padding-start: 33px; 487 -webkit-margin-start: 7px;
488 background-position: 7px; 488 -webkit-padding-start: 26px;
489 display: block; 489 display: block;
490 text-overflow: ellipsis; 490 text-overflow: ellipsis;
491 overflow: hidden; 491 overflow: hidden;
492 white-space: nowrap; 492 white-space: nowrap;
493 } 493 }
494 494
495 html[dir=rtl] list .favicon-cell { 495 html[dir=rtl] list .favicon-cell {
496 /* TODO(stuartmorgan): position this 7px from the right (and remove the
497 padding override) once the CSS support is available */
498 -webkit-padding-start: 26px;
499 background-position: right; 496 background-position: right;
500 } 497 }
501 498
502 html[enable-background-mode=false] #background-mode-section { 499 html[enable-background-mode=false] #background-mode-section {
503 display: none; 500 display: none;
504 } 501 }
505 502
506 html[enable-cloud-print-proxy=false] #cloud-print-proxy-section { 503 html[enable-cloud-print-proxy=false] #cloud-print-proxy-section {
507 display: none; 504 display: none;
508 } 505 }
(...skipping 20 matching lines...) Expand all
529 } 526 }
530 527
531 .suboption { 528 .suboption {
532 -webkit-margin-start: 16px; 529 -webkit-margin-start: 16px;
533 } 530 }
534 531
535 html[os=mac] label > input[type=checkbox], 532 html[os=mac] label > input[type=checkbox],
536 html[os=mac] label > input[type=radio] { 533 html[os=mac] label > input[type=radio] {
537 margin-top: 2px; 534 margin-top: 2px;
538 } 535 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/options/options.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698