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

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

Issue 2524783002: force non-overlay scrollbars in all platform in flamechart (Closed)
Patch Set: update 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;
39 overflow-x: hidden; 36 overflow-x: hidden;
40 z-index: 200; 37 z-index: 200;
41 padding-left: 1px; 38 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
54 /* force non-overlay scrollbars */ 48 /* force non-overlay scrollbars */
55 :host-context(.platform-mac) ::-webkit-scrollbar { 49 ::-webkit-scrollbar {
56 width: 8px; 50 width: 8px;
57 } 51 }
58 52
59 :host-context(.platform-mac) ::-webkit-scrollbar-thumb { 53 ::-webkit-scrollbar-thumb {
60 background-color: hsla(0, 0%, 56%, 0.6); 54 background-color: hsla(0, 0%, 56%, 0.6);
61 border-radius: 50px; 55 border-radius: 50px;
62 } 56 }
63 57
64 :host-context(.platform-mac) .flame-chart-v-scroll:hover::-webkit-scrollbar-thum b { 58 .flame-chart-v-scroll:hover::-webkit-scrollbar-thumb {
65 background-color: hsla(0, 0%, 25%, 0.6); 59 background-color: hsla(0, 0%, 25%, 0.6);
66 } 60 }
67 61
68 .flame-chart-selection-overlay { 62 .flame-chart-selection-overlay {
69 position: absolute; 63 position: absolute;
70 z-index: 100; 64 z-index: 100;
71 background-color: rgba(56, 121, 217, 0.3); 65 background-color: rgba(56, 121, 217, 0.3);
72 border-color: rgb(16, 81, 177); 66 border-color: rgb(16, 81, 177);
73 border-width: 0 1px; 67 border-width: 0 1px;
74 border-style: solid; 68 border-style: solid;
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
118 white-space: nowrap; 112 white-space: nowrap;
119 } 113 }
120 114
121 .flame-chart-entry-info table tr td:first-child { 115 .flame-chart-entry-info table tr td:first-child {
122 font-weight: bold; 116 font-weight: bold;
123 } 117 }
124 118
125 .flame-chart-entry-info table tr td span { 119 .flame-chart-entry-info table tr td span {
126 margin-right: 5px; 120 margin-right: 5px;
127 } 121 }
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