mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-31 02:13:36 +08:00
Simon Zünd
d671734e0d
This CL fixes a small issue introduced by the SettingCheckbox component. When the label text gets too long, the checkbox <input> will shrink in size. This CL adds a min-width/min-height to the input so the checkbox size stays consistent regardless of label text length. R=alexrudenko@chromium.org Fixed: 1294181 Change-Id: I88b57781c4e0aaf11227ea30824b3df38672e018 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3439919 Commit-Queue: Simon Zünd <szuend@chromium.org> Auto-Submit: Simon Zünd <szuend@chromium.org> Reviewed-by: Alex Rudenko <alexrudenko@chromium.org> Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
29 lines
421 B
CSS
29 lines
421 B
CSS
/*
|
|
* Copyright 2021 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.
|
|
*/
|
|
|
|
:host {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
input {
|
|
height: 12px;
|
|
width: 12px;
|
|
min-height: 12px;
|
|
min-width: 12px;
|
|
}
|
|
|
|
label {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
p {
|
|
margin: 12px 0;
|
|
}
|