Files
react-native-devtools-frontend/front_end/elements/classesPaneWidget.css
T
Joel Einbinder 7fbe24c094 DevTools: Convert to Shadow DOM and Custom Elements v1
Bug: 685385
Change-Id: I027e84d8003b7799492211d5fcf8348cd91fd799
Reviewed-on: https://chromium-review.googlesource.com/c/1422962
Reviewed-by: Dmitry Gozman <dgozman@chromium.org>
Commit-Queue: Joel Einbinder <einbinder@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#625513}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: b00e6ea1c9b4db5d743c7c204b1f63abf89e0398
2019-01-24 05:19:01 +00:00

38 lines
860 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.
*/
.styles-element-classes-pane {
background-color: var(--toolbar-bg-color);
border-bottom: 1px solid rgb(189, 189, 189);
padding: 6px 2px 2px;
}
.styles-element-classes-container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.styles-element-classes-pane [is=dt-checkbox] {
margin-right: 15px;
}
.styles-element-classes-pane .title-container {
padding-bottom: 2px;
}
.styles-element-classes-pane .new-class-input {
padding-left: 3px;
padding-right: 3px;
overflow: hidden;
border: 1px solid #ddd;
line-height: 15px;
margin-left: 3px;
width: calc(100% - 7px);
background-color: #fff;
cursor: text;
}