v8/tools/system-analyzer/view/property-link-table-template.html
Camillo Bruni c39e47aaa0 [tools][system-analyzer] Improve selection support
- Double click on the current timeline selection to focus and zoom in
- Make timeline-tracks focusable by setting a tabindex
- Add back arrow-key navigation for the map panel (only when focused)
- Prepare code for adding keyboard-based horizontal scrolling
- Use --code-font CSS variable

Bug: v8:10644
Change-Id: Ic473695c9fcdc795d173cd064b4660e100ae8b24
Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/3568475
Reviewed-by: Patrick Thier <pthier@chromium.org>
Commit-Queue: Camillo Bruni <cbruni@chromium.org>
Cr-Commit-Position: refs/heads/main@{#79786}
2022-04-05 18:42:03 +00:00

64 lines
1001 B
HTML

<!-- Copyright 2020 the V8 project authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file. -->
<head>
<link href="./index.css" rel="stylesheet">
</head>
<style>
h3 {
margin-block-start: 0em;
}
.properties {
overflow: auto;
max-height: 300px;
}
.properties table {
overflow: visible;
min-width: 350px;
border-collapse: collapse;
}
.properties table td {
vertical-align: top;
}
.properties table > tbody > tr > td:nth-child(2n+1):after {
content: ':';
}
.properties table > tbody > tr > td:nth-child(2n+1) {
padding-right: 3px;
}
.properties table > tbody > tr > td:nth-child(2n+2) {
width: 100%;
}
.properties table select {
width: 100%;
}
.code {
font-family: var(--code-font);
}
.footer {
margin-top: 10px;
text-align: right;
width: 100%;
display: flex;
align-content: space-between;
}
.footer button {
flex: 1 1 0;
}
</style>
<div id="body">
<div id="content"></div>
</div>