better html tooltip styling
This commit is contained in:
@@ -238,9 +238,26 @@
|
|||||||
.tooltip-content {
|
.tooltip-content {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
|
max-height: 60vh;
|
||||||
|
overflow-y: auto;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
overflow-wrap: anywhere;
|
overflow-wrap: anywhere;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Custom Scrollbar for Tooltips */
|
||||||
|
.tooltip-content::-webkit-scrollbar {
|
||||||
|
width: 6px;
|
||||||
|
}
|
||||||
|
.tooltip-content::-webkit-scrollbar-track {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.tooltip-content::-webkit-scrollbar-thumb {
|
||||||
|
background: #cbd5e1;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.tooltip-content::-webkit-scrollbar-thumb:hover {
|
||||||
|
background: #94a3b8;
|
||||||
|
}
|
||||||
|
|
||||||
.payload-box {
|
.payload-box {
|
||||||
background: #0f172a;
|
background: #0f172a;
|
||||||
|
|||||||
@@ -81,13 +81,6 @@ public class HtmlExporterTest {
|
|||||||
|
|
||||||
// 7. Assertions - Surgical SVG Identification
|
// 7. Assertions - Surgical SVG Identification
|
||||||
// Every event should be wrapped in an identifying hyperlink for robust JS selection
|
// Every event should be wrapped in an identifying hyperlink for robust JS selection
|
||||||
java.nio.file.Files.writeString(java.nio.file.Paths.get("debug_html.html"), html);
|
|
||||||
|
|
||||||
click.kamil.springstatemachineexporter.exporter.ExportOptions plantUmlOptions = click.kamil.springstatemachineexporter.exporter.ExportOptions.builder()
|
|
||||||
.embedIdentifiers(true)
|
|
||||||
.build();
|
|
||||||
click.kamil.springstatemachineexporter.exporter.PlantUml pumlExporter = new click.kamil.springstatemachineexporter.exporter.PlantUml();
|
|
||||||
java.nio.file.Files.writeString(java.nio.file.Paths.get("debug_puml.puml"), pumlExporter.export(result, plantUmlOptions));
|
|
||||||
|
|
||||||
assertThat(html).contains("__CREATE");
|
assertThat(html).contains("__CREATE");
|
||||||
assertThat(html).contains("__ASSIGN");
|
assertThat(html).contains("__ASSIGN");
|
||||||
|
|||||||
Reference in New Issue
Block a user