v8/tools/turbolizer/css/turboshaft.css
Danylo Boiko f7a73d8ba8 [turbolizer] Turboshaft nodes/blocks selection and collapsing
Implemented:
- Remember nodes/blocks selection for Turboshaft layout
- Test version of adapting nodes positions while changing op properties visibility
- Turboshaft blocks collapsing

Refactored:
- text-view.ts
- resizer.ts

Solved previous comments:
- https://chromium-review.googlesource.com/c/v8/v8/+/3706603/comments/62ffc361_7827e282
- https://chromium-review.googlesource.com/c/v8/v8/+/3700078/comments/d29ea456_f3c197d6

Bug: v8:7327
Change-Id: I9e141eb882ab0e22bd079b067e2229f5baa69433
Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/3752805
Commit-Queue: Danylo Boiko <danielboyko02@gmail.com>
Reviewed-by: Tobias Tebbi <tebbi@chromium.org>
Cr-Commit-Position: refs/heads/main@{#81817}
2022-07-19 15:42:28 +00:00

93 lines
1.3 KiB
CSS

:root {
--input: #50de89;
--output: #ff5b64;
--select: #ffd800;
}
path.input {
stroke: var(--input);
stroke-width: 16px;
}
path.output {
stroke: var(--output);
stroke-width: 16px;
}
g.turboshaft-block rect {
stroke-dasharray: 20;
stroke-width: 7;
}
g.turboshaft-block:hover rect {
stroke-dasharray: 0;
stroke-width: 10;
}
g.turboshaft-block.selected rect {
stroke-dasharray: 0;
stroke-width: 15;
stroke: var(--select);
}
g.block rect {
fill: #eef4fd;
stroke: #4285f4;
}
g.merge rect {
fill: #ecfcf0;
stroke: #2bde5a;
}
g.loop rect {
fill: #fdf0ee;
stroke: #e94235;
}
.block-label tspan {
font-weight: bold;
}
.block .block-label tspan {
fill: #4285f4;
}
.merge .block-label tspan {
fill: #34a853;
}
.loop .block-label tspan {
fill: #ea4335;
}
.inline-node-label tspan {
fill: #344344;
}
.inline-node-label:hover tspan {
fill: #5a6c6c;
}
.inline-node-label.selected tspan {
fill: var(--select);
}
.inline-node-properties tspan, .block-collapsed-label tspan {
fill: #ca48f6;
}
g.turboshaft-node.input .inline-node-label tspan {
fill: var(--input);
}
g.turboshaft-node.output .inline-node-label tspan {
fill: var(--output);
}
#layout-type-select {
box-sizing: border-box;
height: 1.5em;
margin-left: 5px;
}