mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-30 01:43:36 +08:00
Wolfgang Beyer
0520ce1f32
Adds ellipsis for long URLs Screenshots: https://imgur.com/a/wOaXZ5u Fixed: 1402167 Change-Id: I629fcabf55b134b2cd08942ae0a34c08d13d7bc1 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4132884 Reviewed-by: Kateryna Prokopenko <kprokopenko@chromium.org> Auto-Submit: Wolfgang Beyer <wolfi@chromium.org> Commit-Queue: Kateryna Prokopenko <kprokopenko@chromium.org> Commit-Queue: Wolfgang Beyer <wolfi@chromium.org>
74 lines
1.2 KiB
CSS
74 lines
1.2 KiB
CSS
/*
|
|
* Copyright 2021 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.
|
|
*/
|
|
|
|
.inline-icon {
|
|
vertical-align: sub;
|
|
}
|
|
|
|
.gray-text {
|
|
color: var(--color-text-secondary);
|
|
margin: 0 0 5px 56px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
flex: auto;
|
|
overflow-wrap: break-word;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.explanation-frames {
|
|
margin-left: 56px;
|
|
grid-column-start: span 2;
|
|
}
|
|
|
|
.help-outline-icon {
|
|
margin: 0 2px;
|
|
}
|
|
|
|
.circled-exclamation-icon {
|
|
margin-right: 10px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.status {
|
|
margin-right: 15px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.report-line {
|
|
grid-column-start: span 2;
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 30px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.report-key {
|
|
color: var(--color-text-secondary);
|
|
min-width: auto;
|
|
overflow-wrap: break-word;
|
|
align-self: start;
|
|
}
|
|
|
|
.report-value {
|
|
padding: 0 6px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.link,
|
|
.devtools-link {
|
|
color: var(--color-link);
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.tree-outline li .selection {
|
|
margin-left: -5px;
|
|
}
|