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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/perf_ui/flameChart.css

Issue 2880373003: Revert of force non-overlay scrollbars in all platform in flamechart (Closed)
Patch Set: Created 3 years, 7 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
« no previous file with comments | « no previous file | 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 2017 The Chromium Authors. All rights reserved. 2 * Copyright 2017 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 .flame-chart-main-pane { 7 .flame-chart-main-pane {
8 overflow: hidden; 8 overflow: hidden;
9 } 9 }
10 10
(...skipping 15 matching lines...) Expand all
26 26
27 .flame-chart-selected-element { 27 .flame-chart-selected-element {
28 position: absolute; 28 position: absolute;
29 pointer-events: none; 29 pointer-events: none;
30 outline: 2px solid rgb(56, 121, 217); 30 outline: 2px solid rgb(56, 121, 217);
31 background-color: rgba(56, 121, 217, 0.1); 31 background-color: rgba(56, 121, 217, 0.1);
32 } 32 }
33 33
34 .flame-chart-v-scroll { 34 .flame-chart-v-scroll {
35 position: absolute; 35 position: absolute;
36 top: 0;
37 right: 0;
38 bottom: 0;
36 overflow-x: hidden; 39 overflow-x: hidden;
37 z-index: 200; 40 z-index: 200;
38 padding-left: 1px; 41 padding-left: 1px;
39 right: 2px;
40 top: 3px;
41 bottom: 3px;
42 } 42 }
43 43
44 .flame-chart-v-scroll.always-show-scrollbar { 44 .flame-chart-v-scroll.always-show-scrollbar {
45 overflow-y: scroll; 45 overflow-y: scroll;
46 } 46 }
47 47
48 :host-context(.platform-mac) .flame-chart-v-scroll {
49 right: 2px;
50 top: 3px;
51 bottom: 3px;
52 }
53
48 /* force non-overlay scrollbars */ 54 /* force non-overlay scrollbars */
49 ::-webkit-scrollbar { 55 :host-context(.platform-mac) ::-webkit-scrollbar {
50 width: 8px; 56 width: 8px;
51 } 57 }
52 58
53 ::-webkit-scrollbar-thumb { 59 :host-context(.platform-mac) ::-webkit-scrollbar-thumb {
54 background-color: hsla(0, 0%, 56%, 0.6); 60 background-color: hsla(0, 0%, 56%, 0.6);
55 border-radius: 50px; 61 border-radius: 50px;
56 } 62 }
57 63
58 .flame-chart-v-scroll:hover::-webkit-scrollbar-thumb { 64 :host-context(.platform-mac) .flame-chart-v-scroll:hover::-webkit-scrollbar-thum b {
59 background-color: hsla(0, 0%, 25%, 0.6); 65 background-color: hsla(0, 0%, 25%, 0.6);
60 } 66 }
61 67
62 .flame-chart-selection-overlay { 68 .flame-chart-selection-overlay {
63 position: absolute; 69 position: absolute;
64 z-index: 100; 70 z-index: 100;
65 background-color: rgba(56, 121, 217, 0.3); 71 background-color: rgba(56, 121, 217, 0.3);
66 border-color: rgb(16, 81, 177); 72 border-color: rgb(16, 81, 177);
67 border-width: 0 1px; 73 border-width: 0 1px;
68 border-style: solid; 74 border-style: solid;
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
112 white-space: nowrap; 118 white-space: nowrap;
113 } 119 }
114 120
115 .flame-chart-entry-info table tr td:first-child { 121 .flame-chart-entry-info table tr td:first-child {
116 font-weight: bold; 122 font-weight: bold;
117 } 123 }
118 124
119 .flame-chart-entry-info table tr td span { 125 .flame-chart-entry-info table tr td span {
120 margin-right: 5px; 126 margin-right: 5px;
121 } 127 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698