| OLD | NEW | 
|---|
| 1 /* | 1 /* | 
| 2  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved. | 2  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved. | 
| 3  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 
| 4  * | 4  * | 
| 5  * Redistribution and use in source and binary forms, with or without | 5  * Redistribution and use in source and binary forms, with or without | 
| 6  * modification, are permitted provided that the following conditions | 6  * modification, are permitted provided that the following conditions | 
| 7  * are met: | 7  * are met: | 
| 8  * | 8  * | 
| 9  * 1.  Redistributions of source code must retain the above copyright | 9  * 1.  Redistributions of source code must retain the above copyright | 
| 10  *     notice, this list of conditions and the following disclaimer. | 10  *     notice, this list of conditions and the following disclaimer. | 
| (...skipping 732 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 743     justify-content: center; | 743     justify-content: center; | 
| 744     align-items: center; | 744     align-items: center; | 
| 745 } | 745 } | 
| 746 | 746 | 
| 747 .layer-tree.outline-disclosure { | 747 .layer-tree.outline-disclosure { | 
| 748     z-index: 10; | 748     z-index: 10; | 
| 749 } | 749 } | 
| 750 | 750 | 
| 751 .layer-tree.outline-disclosure > ol, | 751 .layer-tree.outline-disclosure > ol, | 
| 752 .profiler-log-view > ol { | 752 .profiler-log-view > ol { | 
| 753     margin-left: -12px; | 753     margin-left: -12px | 
| 754 } | 754 } | 
| 755 | 755 | 
| 756 .layer-tree.outline-disclosure ol.children, | 756 .layer-tree.outline-disclosure ol.children, | 
| 757 .profiler-log-view ol.children { | 757 .profiler-log-view ol.children { | 
| 758     padding-left: 12px; | 758     margin-left: -14px; | 
|  | 759     padding-left: 22px; | 
| 759 } | 760 } | 
| 760 | 761 | 
| 761 .layer-tree.outline-disclosure li, | 762 .layer-tree.outline-disclosure li, | 
| 762 .profiler-log-view li { | 763 .profiler-log-view li { | 
| 763     margin-top: 0; | 764     margin-top: 0; | 
| 764     margin-bottom: 0; | 765     margin-bottom: 0; | 
| 765     padding: 1 1 1 14px; |  | 
| 766     white-space: nowrap; | 766     white-space: nowrap; | 
| 767     overflow: hidden; | 767     overflow: hidden; | 
| 768     text-overflow: ellipsis; | 768     text-overflow: ellipsis; | 
| 769 } | 769 } | 
| 770 | 770 | 
| 771 .timeline-paint-profiler-view .outline-disclosure ol.children { |  | 
| 772     padding-left: 12px; |  | 
| 773 } |  | 
| 774 |  | 
| 775 .layer-tree.outline-disclosure .dimmed { | 771 .layer-tree.outline-disclosure .dimmed { | 
| 776     opacity: 0.6; | 772     opacity: 0.6; | 
| 777 } | 773 } | 
| 778 | 774 | 
| 779 .layers-3d-view { | 775 .layers-3d-view { | 
| 780     overflow: hidden; | 776     overflow: hidden; | 
| 781     -webkit-user-select: none; | 777     -webkit-user-select: none; | 
| 782 } | 778 } | 
| 783 | 779 | 
| 784 .layers-3d-view canvas { | 780 .layers-3d-view canvas { | 
| (...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 846 } | 842 } | 
| 847 | 843 | 
| 848 .paint-profiler-pie-chart { | 844 .paint-profiler-pie-chart { | 
| 849     width: 60px; | 845     width: 60px; | 
| 850     height: 60px; | 846     height: 60px; | 
| 851     padding: 2px; | 847     padding: 2px; | 
| 852     overflow: hidden; | 848     overflow: hidden; | 
| 853     font-size: 10px; | 849     font-size: 10px; | 
| 854 } | 850 } | 
| 855 | 851 | 
|  | 852 .profiler-log-view.outline-disclosure, | 
|  | 853 .layer-tree.outline-disclosure { | 
|  | 854     font-size: 12px; | 
|  | 855     line-height: 14px; | 
|  | 856 } | 
|  | 857 | 
|  | 858 .profiler-log-view.outline-disclosure li .selection, | 
|  | 859 .layer-tree.outline-disclosure li .selection { | 
|  | 860     height: 14px; | 
|  | 861 } | 
|  | 862 | 
|  | 863 .profiler-log-view.outline-disclosure li.parent::before, | 
|  | 864 .layer-tree.outline-disclosure li.parent::before  { | 
|  | 865     top: 1px; | 
|  | 866 } | 
|  | 867 | 
| 856 .paint-profiler-canvas-container canvas { | 868 .paint-profiler-canvas-container canvas { | 
| 857     z-index: 200; | 869     z-index: 200; | 
| 858     background-color: white; | 870     background-color: white; | 
| 859     opacity: 0.95; | 871     opacity: 0.95; | 
| 860     height: 100%; | 872     height: 100%; | 
| 861     width: 100%; | 873     width: 100%; | 
| 862 } | 874 } | 
| 863 | 875 | 
| 864 .paint-profiler-canvas-container .overview-grid-dividers-background, | 876 .paint-profiler-canvas-container .overview-grid-dividers-background, | 
| 865 .paint-profiler-canvas-container .overview-grid-window { | 877 .paint-profiler-canvas-container .overview-grid-window { | 
| 866     bottom: 0; | 878     bottom: 0; | 
| 867     height: auto; | 879     height: auto; | 
| 868 } | 880 } | 
| 869 | 881 | 
| 870 .paint-profiler-canvas-container .overview-grid-window-resizer { | 882 .paint-profiler-canvas-container .overview-grid-window-resizer { | 
| 871     z-index: 2000; | 883     z-index: 2000; | 
| 872 } | 884 } | 
| 873 | 885 | 
| 874 .profiler-log-view .console-formatted-string { | 886 .profiler-log-view .console-formatted-string { | 
| 875     white-space: nowrap; | 887     white-space: nowrap; | 
| 876 } | 888 } | 
| 877 | 889 | 
| 878 .profiler-log-view.section .properties { | 890 .profiler-log-view.section .properties { | 
| 879     display: block; | 891     display: block; | 
|  | 892     padding-right: 0px !important; | 
| 880 } | 893 } | 
| 881 | 894 | 
| 882 .paint-profiler-image-view { | 895 .paint-profiler-image-view { | 
| 883     overflow: hidden; | 896     overflow: hidden; | 
| 884 } | 897 } | 
| 885 | 898 | 
| 886 .paint-profiler-image-view img { | 899 .paint-profiler-image-view img { | 
| 887     border: solid 1px black; | 900     border: solid 1px black; | 
| 888     -webkit-transform-origin: 0px 0px; | 901     -webkit-transform-origin: 0px 0px; | 
| 889 } | 902 } | 
| 890 | 903 | 
| 891 .layer-details-view ul { | 904 .layer-details-view ul { | 
| 892     list-style: none; | 905     list-style: none; | 
| 893     -webkit-padding-start: 0; | 906     -webkit-padding-start: 0; | 
| 894     -webkit-margin-before: 0; | 907     -webkit-margin-before: 0; | 
| 895     -webkit-margin-after: 0; | 908     -webkit-margin-after: 0; | 
| 896 } | 909 } | 
| OLD | NEW | 
|---|