Files
react-native-devtools-frontend/front_end/resources/serviceWorkerCacheViews.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

66 lines
1.6 KiB
CSS

/*
* Copyright 2014 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.
*/
.service-worker-cache-data-view .data-view-toolbar {
position: relative;
background-color: #eee;
border-bottom: 1px solid #ccc;
padding-right: 10px;
}
.service-worker-cache-data-view .data-grid {
flex: auto;
}
.service-worker-cache-data-view .data-grid .data-container tr:nth-last-child(1) td {
border: 0;
}
.service-worker-cache-data-view .data-grid .data-container tr:nth-last-child(2) td {
border-bottom: 1px solid #aaa;
}
.service-worker-cache-data-view .data-grid .data-container tr.selected {
background-color: rgb(212 212 212);
color: inherit;
}
.service-worker-cache-data-view .data-grid:focus .data-container tr.selected {
background-color: var(--selection-bg-color);
color: white;
}
.service-worker-cache-data-view .section,
.service-worker-cache-data-view .section > .header,
.service-worker-cache-data-view .section > .header .title {
margin: 0;
min-height: inherit;
line-height: inherit;
}
.service-worker-cache-data-view .data-grid .data-container td .section .header .title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.cache-preview-panel-resizer {
background-color: #eee;
height: 4px;
border-bottom: 1px solid rgb(64% 64% 64%);
}
.cache-storage-summary-bar {
flex: 0 0 27px;
line-height: 27px;
padding-left: 5px;
background-color: #eee;
border-top: 1px solid #ccc;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}