Files
react-native-devtools-frontend/front_end/css_overview/cssOverviewSidebarPanel.css
T
Mathias Bynens ca9fa2d73f Consistently format CSS color and opacity values
- Prefer the modern comma-free CSS color function syntax over the
  legacy syntax. [1]
- Explicitly use the `deg` suffix for angle values in colors, to
  clarify the range.
- Explicitly use the `%` suffix for percentages instead of formatting
  the value as a number, again to clarify the range.

[1]: https://twitter.com/mathias/status/1253242715304857601
[2]: https://goo.gle/devtools-css-color

Bug: chromium:1083142
Fixed: chromium:1073885
Change-Id: I8e1582a2dee3553a61df88564051ea84c2011d76
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2209091
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
Auto-Submit: Mathias Bynens <mathias@chromium.org>
2020-05-19 16:50:26 +00:00

34 lines
648 B
CSS

/**
* Copyright 2019 The Chromium Authors. All rights reserved.
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file.
*/
.overview-sidebar-panel {
overflow: auto;
display: flex;
background: #f3f3f3;
}
.overview-sidebar-panel-item {
height: 30px;
padding-left: 30px;
display: flex;
align-items: center;
cursor: pointer;
}
.overview-sidebar-panel-item:hover,
.overview-sidebar-panel-item:focus {
background: rgb(234 234 234);
}
.overview-sidebar-panel-item.selected {
background: #1a73e8;
color: #fff;
}
.overview-toolbar {
border-bottom: 1px solid rgb(204 204 204);
}