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

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

Issue 2891383002: Force non overlay scrollbar in Devtools/Performance for Aura Overlay Scrollbar (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
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 27 matching lines...) Expand all
38 bottom: 0; 38 bottom: 0;
39 overflow-x: hidden; 39 overflow-x: hidden;
40 z-index: 200; 40 z-index: 200;
41 padding-left: 1px; 41 padding-left: 1px;
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 /* force non overlay scrollbars for Mac */
48 :host-context(.platform-mac) .flame-chart-v-scroll { 49 :host-context(.platform-mac) .flame-chart-v-scroll {
49 right: 2px; 50 right: 2px;
50 top: 3px; 51 top: 3px;
51 bottom: 3px; 52 bottom: 3px;
52 } 53 }
53 54
54 /* force non-overlay scrollbars */
55 :host-context(.platform-mac) ::-webkit-scrollbar { 55 :host-context(.platform-mac) ::-webkit-scrollbar {
56 width: 8px; 56 width: 8px;
57 } 57 }
58 58
59 :host-context(.platform-mac) ::-webkit-scrollbar-thumb { 59 :host-context(.platform-mac) ::-webkit-scrollbar-thumb {
60 background-color: hsla(0, 0%, 56%, 0.6); 60 background-color: hsla(0, 0%, 56%, 0.6);
61 border-radius: 50px; 61 border-radius: 50px;
62 } 62 }
63 63
64 :host-context(.platform-mac) .flame-chart-v-scroll:hover::-webkit-scrollbar-thum b { 64 :host-context(.platform-mac) .flame-chart-v-scroll:hover::-webkit-scrollbar-thum b {
65 background-color: hsla(0, 0%, 25%, 0.6); 65 background-color: hsla(0, 0%, 25%, 0.6);
66 } 66 }
67 67
68 /* force non overlay scrollbars for Aura Overlay Scrollbar enabled */
69 :host-context(.overlay-scrollbar-enabled) ::-webkit-scrollbar {
70 width: 10px;
71 }
72
73 :host-context(.overlay-scrollbar-enabled) ::-webkit-scrollbar-thumb {
74 background-color: hsla(0, 0%, 0%, 0.5);
75 border-radius: 0px;
alph 2017/05/22 18:50:08 not needed?
76 }
77
78 :host-context(.overlay-scrollbar-enabled) .flame-chart-v-scroll:hover::-webkit-s crollbar-thumb {
79 background-color: hsla(0, 0%, 0%, 0.7);
80 }
81
68 .flame-chart-selection-overlay { 82 .flame-chart-selection-overlay {
69 position: absolute; 83 position: absolute;
70 z-index: 100; 84 z-index: 100;
71 background-color: rgba(56, 121, 217, 0.3); 85 background-color: rgba(56, 121, 217, 0.3);
72 border-color: rgb(16, 81, 177); 86 border-color: rgb(16, 81, 177);
73 border-width: 0 1px; 87 border-width: 0 1px;
74 border-style: solid; 88 border-style: solid;
75 pointer-events: none; 89 pointer-events: none;
76 top: 0; 90 top: 0;
77 bottom: 0; 91 bottom: 0;
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
118 white-space: nowrap; 132 white-space: nowrap;
119 } 133 }
120 134
121 .flame-chart-entry-info table tr td:first-child { 135 .flame-chart-entry-info table tr td:first-child {
122 font-weight: bold; 136 font-weight: bold;
123 } 137 }
124 138
125 .flame-chart-entry-info table tr td span { 139 .flame-chart-entry-info table tr td span {
126 margin-right: 5px; 140 margin-right: 5px;
127 } 141 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698