Files
react-native-devtools-frontend/front_end/object_ui/objectPropertiesSection.css
T
Joel Einbinder 3b2a16cf1f DevTools: Improve text selection in ObjectPropertiesSection
This consolidates the name, colon, and value into a single flex item,
which removes extraneous line breaks when copying text, improves
paragraph selection, and fixes some overlapping selection highlights.

Bug: 824625
Change-Id: I90e01990cbf8c2e90da4aba8a9a9bd0f035a8e67
Reviewed-on: https://chromium-review.googlesource.com/976329
Commit-Queue: Joel Einbinder <einbinder@chromium.org>
Reviewed-by: Dmitry Gozman <dgozman@chromium.org>
Reviewed-by: Erik Luo <luoe@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#562082}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 632db57a0254f5c56950416aa935988e2174029a
2018-05-26 00:32:19 +00:00

53 lines
1021 B
CSS

/*
* Copyright 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.
*/
.object-properties-section-dimmed {
opacity: 0.6;
}
.object-properties-section {
padding: 0 0 0px 0px;
color: rgb(33,33,33) !important;
display: flex;
flex-direction: column;
}
.object-properties-section li {
-webkit-user-select: text;
}
.object-properties-section li::before {
top: -1px;
}
.object-properties-section li.editing-sub-part {
padding: 3px 12px 8px 6px;
margin: -1px -6px -8px -6px;
text-overflow: clip;
}
.object-properties-section li.editing {
margin-left: 10px;
text-overflow: clip;
}
.tree-outline ol.title-less-mode {
padding-left: 0px;
}
.object-properties-section .synthetic-property {
font-style: italic;
}
.object-properties-section-root-element {
display: flex;
flex-direction: row;
}
.object-properties-section .editable-div {
overflow: hidden;
}