mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-10 21:54:47 +08:00
Joel Einbinder
38056c0745
This lets you scroll the text prompt horizontally by selecting text with the mouse. Bug: 800038 Change-Id: I6e6970a6998530d3355c458d826923b471616e4a Reviewed-on: https://chromium-review.googlesource.com/1072417 Reviewed-by: Andrey Lushnikov <lushnikov@chromium.org> Commit-Queue: Andrey Lushnikov <lushnikov@chromium.org> Cr-Original-Commit-Position: refs/heads/master@{#561684} Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src Cr-Mirrored-Commit: 7fd418686c0da9257215c4aab8e07bd27459f353
64 lines
1.3 KiB
CSS
64 lines
1.3 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.
|
|
*/
|
|
|
|
.text-prompt-root {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.text-prompt-editing {
|
|
box-shadow: var(--drop-shadow);
|
|
background-color: white;
|
|
text-overflow: clip !important;
|
|
padding-left: 2px;
|
|
margin-left: -2px;
|
|
padding-right: 2px;
|
|
margin-right: -2px;
|
|
margin-bottom: -1px;
|
|
padding-bottom: 1px;
|
|
opacity: 1.0 !important;
|
|
}
|
|
|
|
.text-prompt-editing,
|
|
.text-prompt-editing ::content * {
|
|
color: #222 !important;
|
|
text-decoration: none !important;
|
|
white-space: pre;
|
|
}
|
|
|
|
::content .auto-complete-text {
|
|
color: rgb(128, 128, 128) !important;
|
|
}
|
|
|
|
::content .text-prompt[data-placeholder]:empty::before {
|
|
content: attr(data-placeholder);
|
|
color: rgb(128, 128, 128);
|
|
}
|
|
|
|
::content .text-prompt:not([data-placeholder]):empty::after {
|
|
content: '\00A0';
|
|
width: 0;
|
|
display: block;
|
|
}
|
|
|
|
::content .text-prompt {
|
|
cursor: text;
|
|
overflow-x: visible;
|
|
}
|
|
|
|
::content .text-prompt::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
::content .text-prompt.disabled {
|
|
opacity: 0.5;
|
|
cursor: default;
|
|
}
|
|
|
|
.text-prompt-editing ::content br {
|
|
display: none;
|
|
}
|