Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Delta Between Two Patch Sets: skin/new-options.css

Issue 29445590: Issue 5255 - Advanced tab (HTML, strings and functionality) (Closed)
Left Patch Set: Addressed notes from weekly(ish) meeting and small collection fix Created June 14, 2017, 11:58 a.m.
Right Patch Set: Fixed nits Created July 14, 2017, 5:43 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « new-options.js ('k') | skin/options-sprite.png » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
1 /* 1 /*
2 * This file is part of Adblock Plus <https://adblockplus.org/>, 2 * This file is part of Adblock Plus <https://adblockplus.org/>,
3 * Copyright (C) 2006-2017 eyeo GmbH 3 * Copyright (C) 2006-2017 eyeo GmbH
4 * 4 *
5 * Adblock Plus is free software: you can redistribute it and/or modify 5 * Adblock Plus is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License version 3 as 6 * it under the terms of the GNU General Public License version 3 as
7 * published by the Free Software Foundation. 7 * published by the Free Software Foundation.
8 * 8 *
9 * Adblock Plus is distributed in the hope that it will be useful, 9 * Adblock Plus is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 329 matching lines...) Expand 10 before | Expand all | Expand 10 after
340 position: relative; 340 position: relative;
341 } 341 }
342 342
343 #content-wrapper > div 343 #content-wrapper > div
344 { 344 {
345 display: none; 345 display: none;
346 } 346 }
347 347
348 body[data-tab|="general"] #content-general, 348 body[data-tab|="general"] #content-general,
349 body[data-tab|="advanced"] #content-advanced, 349 body[data-tab|="advanced"] #content-advanced,
350 body[data-tab|="whitelist"] #content-whitelist,
350 body[data-tab|="help"] #content-help 351 body[data-tab|="help"] #content-help
351 { 352 {
352 display: block; 353 display: block;
353 } 354 }
354 355
355 div.button 356 div.button
356 { 357 {
357 cursor: pointer; 358 cursor: pointer;
358 display: flex; 359 display: flex;
359 } 360 }
(...skipping 30 matching lines...) Expand all
390 white-space: nowrap; 391 white-space: nowrap;
391 } 392 }
392 393
393 .table:not(.list):not(.cols) li 394 .table:not(.list):not(.cols) li
394 { 395 {
395 padding-top: 0px; 396 padding-top: 0px;
396 padding-bottom: 6px; 397 padding-bottom: 6px;
397 } 398 }
398 399
399 .table.list li:nth-of-type(odd), 400 .table.list li:nth-of-type(odd),
400 .table.cols li:nth-of-type(odd), 401 .table.cols li:nth-of-type(odd):not([role="menuitem"]),
401 .table li.empty-placeholder 402 .table li.empty-placeholder
402 { 403 {
403 background-color: #F5F5F5; 404 background-color: #F5F5F5;
404 } 405 }
405 406
406 .table label 407 .table label
407 { 408 {
408 vertical-align: top; 409 vertical-align: top;
409 } 410 }
410 411
411 .table.cols 412 .table.cols
412 { 413 {
413 border-bottom: 1px solid #CDCDCD; 414 border-bottom: 1px solid #CDCDCD;
414 border-top: 1px solid #CDCDCD; 415 border-top: 1px solid #CDCDCD;
415 } 416 }
416 417
417 button[disabled="true"] 418 button[role="checkbox"][disabled]
418 { 419 {
419 border-radius: 2px; 420 border-radius: 2px;
420 background-color: #ccc; 421 background-color: #ccc;
421 } 422 }
422 423
423 .table button.delete 424 .table button.delete
424 { 425 {
425 background-color: transparent; 426 background-color: transparent;
426 background-position: -50px -51px; 427 background-position: -50px -51px;
427 border: 0px; 428 border: 0px;
(...skipping 128 matching lines...) Expand 10 before | Expand all | Expand 10 after
556 { 557 {
557 height: 290px; 558 height: 290px;
558 overflow: auto; 559 overflow: auto;
559 } 560 }
560 561
561 #custom-wrapper .table 562 #custom-wrapper .table
562 { 563 {
563 width: 100%; 564 width: 100%;
564 } 565 }
565 566
566 #whitelisting .controls.mode-edit > button, 567 .button-add
567 #whitelisting .controls:not(.mode-edit) > div
568 {
569 display: none;
570 }
571
572 #whitelisting .controls input[type="text"]
573 {
574 border: 0px;
575 border-bottom: 1px solid #A1A1A1;
576 -moz-padding-end: 25px;
577 -webkit-padding-end: 25px;
578 -moz-margin-start: 14px;
579 -webkit-margin-start: 14px;
580 outline: 0px;
581 padding-bottom: 5px;
582 vertical-align: text-bottom;
583 width: 100%;
584 }
585
586 #whitelisting .controls .button-add span
587 {
588 -moz-margin-start: 5px;
589 -webkit-margin-start: 5px;
590 }
591
592 #whitelisting .button-add
593 {
594 -moz-margin-start: 32px;
595 -webkit-margin-start: 32px;
596 }
597
598 #whitelisting-add-button + span
599 {
600 flex: 1;
601 }
602
603 .icon-enter
604 {
605 background-position: -19px -33px;
606 position: absolute;
607 bottom: 9px;
608 -moz-margin-start: -20px;
609 -webkit-margin-start: -20px;
610 }
611
612 .button-add, .cancel-button
613 { 568 {
614 background-color: transparent; 569 background-color: transparent;
615 border: 0px; 570 border: 0px;
616 color: #3A7BA6; 571 color: #3A7BA6;
617 cursor: pointer; 572 cursor: pointer;
618 } 573 }
619 574
620 /* 575 /*
621 Advanced tab content 576 Advanced tab content
622 */ 577 */
623 578
624 #all-filter-lists-table li.show-message .last-update, 579 #all-filter-lists-table li.show-message .last-update,
625 #all-filter-lists-table li:not(.show-message) .message, 580 #all-filter-lists-table li:not(.show-message) .message,
626 #custom-filters:not(.mode-empty) #empty-custom-filters, 581 #custom-filters:not([data-mode="empty"]) #empty-custom-filters,
627 #custom-filters:not(.mode-edit) #custom-filters-raw, 582 #custom-filters[data-mode="empty"] #custom-filters-raw,
628 #custom-filters:not(.mode-edit) #custom-filters-raw-controls, 583 #custom-filters:not([data-mode="write"]) #custom-filters-raw-controls,
629 #custom-filters:not(.mode-view) #custom-filters-box, 584 #custom-filters:not([data-mode="read"]) #custom-filters-edit,
630 #custom-filters:not(.mode-view) #custom-filters-edit,
631 .state span 585 .state span
632 { 586 {
633 display: none; 587 display: none;
634 } 588 }
635 589
636 #all-filter-lists-table 590 #all-filter-lists-table
637 { 591 {
638 display: inline-block; 592 display: inline-block;
639 } 593 }
640 594
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after
687 { 641 {
688 color: #3A7BA6; 642 color: #3A7BA6;
689 text-decoration: none; 643 text-decoration: none;
690 cursor: pointer; 644 cursor: pointer;
691 } 645 }
692 646
693 #all-filter-lists-table li:last-of-type > span:last-child 647 #all-filter-lists-table li:last-of-type > span:last-child
694 { 648 {
695 -webkit-margin-start: auto; 649 -webkit-margin-start: auto;
696 -moz-margin-start: auto; 650 -moz-margin-start: auto;
697 }
698
699 #all-filter-lists-table .static label
Thomas Greiner 2017/07/07 13:01:11 Detail: You removed the only element with the "sta
saroyanm 2017/07/10 11:38:02 Well spotted.
saroyanm 2017/07/12 15:29:03 Done.
700 {
701 font-weight: 600;
702 } 651 }
703 652
704 #custom-filters-raw-controls 653 #custom-filters-raw-controls
705 { 654 {
706 justify-content: space-between; 655 justify-content: space-between;
707 } 656 }
708 657
709 #custom-filters-raw 658 #custom-filters-raw
710 { 659 {
711 width: 100%; 660 width: 100%;
(...skipping 448 matching lines...) Expand 10 before | Expand all | Expand 10 after
1160 #other-language .button-add::before 1109 #other-language .button-add::before
1161 { 1110 {
1162 display: none; 1111 display: none;
1163 } 1112 }
1164 1113
1165 #other-language .display 1114 #other-language .display
1166 { 1115 {
1167 -webkit-margin-start: 10px; 1116 -webkit-margin-start: 10px;
1168 -moz-margin-start: 10px; 1117 -moz-margin-start: 10px;
1169 } 1118 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld