mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-01 09:47:56 +08:00
Jesus David Garcia Gomez
d24d3c2bc1
This CL will fix a issue when the devtools for node is open and the console is also open too high and the connection information is hidden. This CL will add an scrollbar to show the users that there is more content. Before: https://i.imgur.com/MlRAyeA.gif After: https://i.imgur.com/eABPcPM.gif Bug: 1115655 Change-Id: I4e3507ada79bc38e5fe194c6aaea5cce2ca7252b Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2351175 Reviewed-by: Tony Ross <tross@microsoft.com> Reviewed-by: Benedikt Meurer <bmeurer@chromium.org> Commit-Queue: Jesus David Garcia Gomez <jegarc@microsoft.com>
110 lines
1.8 KiB
CSS
110 lines
1.8 KiB
CSS
/*
|
|
* Copyright (c) 2015 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.
|
|
*/
|
|
|
|
.add-network-target-button {
|
|
margin: 10px 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
.network-discovery-list {
|
|
flex: none;
|
|
max-width: 600px;
|
|
max-height: 202px;
|
|
margin: 20px 0 5px 0;
|
|
}
|
|
|
|
.network-discovery-list-empty {
|
|
flex: auto;
|
|
height: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.network-discovery-list-item {
|
|
padding: 3px 5px 3px 5px;
|
|
height: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
flex: auto 1 1;
|
|
}
|
|
|
|
.network-discovery-value {
|
|
flex: 3 1 0;
|
|
}
|
|
|
|
.list-item .network-discovery-value {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
user-select: none;
|
|
color: #222;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.network-discovery-edit-row {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: 6px 5px;
|
|
align-items: center;
|
|
}
|
|
|
|
.network-discovery-edit-row input {
|
|
width: 100%;
|
|
text-align: inherit;
|
|
}
|
|
|
|
.network-discovery-footer {
|
|
margin: 0;
|
|
overflow: hidden;
|
|
max-width: 500px;
|
|
}
|
|
|
|
.network-discovery-footer > * {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.node-panel {
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.network-discovery-view {
|
|
min-width: 400px;
|
|
text-align: left;
|
|
}
|
|
|
|
:host-context(.node-frontend) .network-discovery-list-empty {
|
|
height: 40px;
|
|
}
|
|
|
|
:host-context(.node-frontend) .network-discovery-list-item {
|
|
padding: 3px 15px;
|
|
height: 40px;
|
|
}
|
|
|
|
.node-panel-center {
|
|
max-width: 600px;
|
|
padding-top: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
.node-panel-logo {
|
|
width: 400px;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
:host-context(.node-frontend) .network-discovery-edit-row input {
|
|
height: 30px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
:host-context(.node-frontend) .network-discovery-edit-row {
|
|
margin: 6px 9px;
|
|
}
|