mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-08 12:53:45 +08:00
Wolfgang Beyer
30bf3b85f1
Bug: 1152736 Change-Id: I4a439385ff6a6d130e4415fbb66323221aaf46cf Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2571130 Commit-Queue: Wolfgang Beyer <wolfi@chromium.org> Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org> Auto-Submit: Wolfgang Beyer <wolfi@chromium.org> Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
140 lines
3.5 KiB
CSS
140 lines
3.5 KiB
CSS
/*
|
|
* Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
|
|
* Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
|
|
*
|
|
* Redistribution and use in source and binary forms, with or without
|
|
* modification, are permitted provided that the following conditions
|
|
* are met:
|
|
*
|
|
* 1. Redistributions of source code must retain the above copyright
|
|
* notice, this list of conditions and the following disclaimer.
|
|
* 2. Redistributions in binary form must reproduce the above copyright
|
|
* notice, this list of conditions and the following disclaimer in the
|
|
* documentation and/or other materials provided with the distribution.
|
|
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
|
|
* its contributors may be used to endorse or promote products derived
|
|
* from this software without specific prior written permission.
|
|
*
|
|
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
|
|
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
|
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
|
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
|
|
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
|
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
|
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
|
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
|
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
|
|
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
*/
|
|
|
|
.resources-toolbar {
|
|
border-top: 1px solid var(--color-details-hairline);
|
|
background-color: var(--color-background-elevation-1);
|
|
}
|
|
|
|
.top-resources-toolbar {
|
|
border-bottom: 1px solid var(--color-details-hairline);
|
|
background-color: var(--color-background-elevation-1);
|
|
}
|
|
|
|
.resources.panel .status {
|
|
float: right;
|
|
height: 16px;
|
|
margin-top: 1px;
|
|
margin-left: 4px;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.storage-view {
|
|
display: flex;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.storage-view .data-grid:not(.inline) {
|
|
border: none;
|
|
flex: auto;
|
|
}
|
|
|
|
.storage-view .storage-table-error {
|
|
color: var(--color-accent-red);
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
padding: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.storage-view.query {
|
|
padding: 2px 0;
|
|
overflow-y: overlay;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.storage-view .filter-bar {
|
|
border-top: none;
|
|
border-bottom: 1px solid var(--color-details-hairline);
|
|
}
|
|
|
|
.database-query-group-messages {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.database-query-prompt-container {
|
|
position: relative;
|
|
padding: 1px 22px 1px 24px;
|
|
min-height: 16px;
|
|
}
|
|
|
|
.database-query-prompt {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.prompt-icon {
|
|
position: absolute;
|
|
display: block;
|
|
left: 7px;
|
|
top: 9px;
|
|
margin-top: -7px;
|
|
user-select: none;
|
|
}
|
|
|
|
.database-query-prompt-container .prompt-icon {
|
|
top: 10px;
|
|
}
|
|
|
|
.database-user-query {
|
|
position: relative;
|
|
border-bottom: 1px solid var(--color-details-hairline);
|
|
padding: 1px 22px 1px 24px;
|
|
min-height: 16px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.database-user-query:focus-visible {
|
|
background-color: var(--color-background-elevation-2);
|
|
}
|
|
|
|
.database-query-text {
|
|
color: var(--color-primary-variant);
|
|
user-select: text;
|
|
}
|
|
|
|
.database-query-result {
|
|
position: relative;
|
|
padding: 1px 22px 1px 22px;
|
|
min-height: 16px;
|
|
margin-left: -22px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.database-query-result.error {
|
|
color: var(--color-syntax-1);
|
|
user-select: text;
|
|
}
|
|
|
|
.resources-sidebar {
|
|
padding: 0;
|
|
overflow-x: auto;
|
|
}
|