| 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 |