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

Side by Side Diff: Source/devtools/front_end/timelinePanel.css

Issue 659403003: Timeline: add layer tree outline to layer details view (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: removed layersPanel.css altogether Created 6 years, 2 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 | « Source/devtools/front_end/timeline/module.json ('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 /* 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 726 matching lines...) Expand 10 before | Expand all | Expand 10 after
737 left: 0px; 737 left: 0px;
738 color: #777; 738 color: #777;
739 background-color: rgba(255, 255, 255, 0.8); 739 background-color: rgba(255, 255, 255, 0.8);
740 font-size: 30px; 740 font-size: 30px;
741 z-index: 500; 741 z-index: 500;
742 display: flex; 742 display: flex;
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 {
748 z-index: 10;
749 }
750
751 .layer-tree.outline-disclosure > ol,
752 .profiler-log-view > ol {
753 margin-left: -12px;
754 }
755
756 .layer-tree.outline-disclosure ol.children,
757 .profiler-log-view ol.children {
758 padding-left: 12px;
759 }
760
761 .layer-tree.outline-disclosure li,
762 .profiler-log-view li {
763 margin-top: 0;
764 margin-bottom: 0;
765 padding: 1 1 1 14px;
766 white-space: nowrap;
767 overflow: hidden;
768 text-overflow: ellipsis;
769 }
770
771 .timeline-paint-profiler-view .outline-disclosure ol.children {
772 padding-left: 12px;
773 }
774
775 .layer-tree.outline-disclosure .dimmed {
776 opacity: 0.6;
777 }
778
747 .layers-3d-view { 779 .layers-3d-view {
748 overflow: hidden; 780 overflow: hidden;
749 -webkit-user-select: none; 781 -webkit-user-select: none;
750 } 782 }
751 783
752 .layers-3d-view canvas { 784 .layers-3d-view canvas {
753 flex: 1 1; 785 flex: 1 1;
754 } 786 }
755 787
756 .transform-control-panel .status-bar-item > .glyph { 788 .transform-control-panel .status-bar-item > .glyph {
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after
835 } 867 }
836 868
837 .profiler-log-view .console-formatted-string { 869 .profiler-log-view .console-formatted-string {
838 white-space: nowrap; 870 white-space: nowrap;
839 } 871 }
840 872
841 .profiler-log-view.section .properties { 873 .profiler-log-view.section .properties {
842 display: block; 874 display: block;
843 } 875 }
844 876
845 .timeline-paint-profiler-view .outline-disclosure li {
846 margin-top: 0;
847 margin-bottom: 0;
848 padding: 1px 1px 1px 14px;
849 white-space: nowrap;
850 overflow: hidden;
851 text-overflow: ellipsis;
852 }
853
854 .timeline-paint-profiler-view .outline-disclosure ol.children {
855 padding-left: 12px;
856 }
857
858 .paint-profiler-image-view { 877 .paint-profiler-image-view {
859 overflow: hidden; 878 overflow: hidden;
860 } 879 }
861 880
862 .paint-profiler-image-view img { 881 .paint-profiler-image-view img {
863 border: solid 1px black; 882 border: solid 1px black;
864 -webkit-transform-origin: 0px 0px; 883 -webkit-transform-origin: 0px 0px;
865 } 884 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/timeline/module.json ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698