mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-11 14:14:36 +08:00
Alfonso Castaño
d057a44ae3
This CL makes the icon inside RowMessage vertically aligned with the text. Screenshot-before: https://i.imgur.com/jMqLY8s.png Screenshot-after: https://i.imgur.com/ExNvmYG.png Design-doc: https://docs.google.com/document/d/1TgMAUsruc_xAPAseG96H0-NHRT_PiXciedD58hgq1e4 Bug: chromium:1150883 Change-Id: Ie6f71697732c0f25a87677b3e34d6f218742f519 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2591132 Commit-Queue: Sigurd Schneider <sigurds@chromium.org> Reviewed-by: Sigurd Schneider <sigurds@chromium.org> Reviewed-by: Peter Müller <petermueller@chromium.org> Reviewed-by: Peter Marshall <petermarshall@chromium.org>
33 lines
632 B
CSS
33 lines
632 B
CSS
/*
|
|
* Copyright 2017 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-editor-messages-description-container {
|
|
display: inline-block;
|
|
}
|
|
|
|
.text-editor-row-message {
|
|
line-height: 1.2;
|
|
white-space: nowrap;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.text-editor-row-message:first-child {
|
|
border-top-width: 0;
|
|
}
|
|
|
|
.text-editor-row-message-repeat-count {
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.text-editor-row-message-icon {
|
|
display: flex;
|
|
margin-right: 6px;
|
|
cursor: pointer;
|
|
}
|