Files
react-native-devtools-frontend/front_end/console/consolePrompt.css
T
Erik Luo 2288e9c2b8 DevTools: visually indicate when prompt text is incomplete
- Prompt's '>' icon is dimmed when pressing 'Enter' would
  not evaluate (instead insert newline)
- Icon moves from ConsoleView to ConsolePrompt
- Drive-by: removes obsolete styles related to pins

Screenshot: https://imgur.com/a/GNrOadJ

Bug: none
Change-Id: Ia22c905154b78495138a0eaf954a2bc88de9a9c3
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1548578
Reviewed-by: Joel Einbinder <einbinder@chromium.org>
Commit-Queue: Erik Luo <luoe@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#650508}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 9aeaec54a33cc368987b9b0a3004c3ad46f3edb1
2019-04-12 23:18:42 +00:00

58 lines
998 B
CSS

/*
* Copyright 2018 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.
*/
#console-prompt .CodeMirror {
padding: 3px 0 1px 0;
}
#console-prompt .CodeMirror-line {
padding-top: 0;
}
#console-prompt .CodeMirror-lines {
padding-top: 0;
}
#console-prompt .console-prompt-icon {
position: absolute;
left: -13px;
top: 5px;
-webkit-user-select: none;
}
.console-eager-preview {
padding-bottom: 2px;
opacity: 0.6;
position: relative;
height: 15px;
}
.console-eager-inner-preview {
text-overflow: ellipsis;
overflow: hidden;
margin-left: 4px;
height: 100%;
}
.console-eager-inner-preview {
white-space: nowrap;
}
.console-eager-inner-preview:empty,
.console-eager-inner-preview:empty + .preview-result-icon {
opacity: 0;
}
.preview-result-icon {
position: absolute;
left: -13px;
top: 1px;
}
.console-prompt-icon.console-prompt-incomplete {
opacity: 0.65;
}