Modernize vulnerability detail dialog styling

This commit is contained in:
0xallam
2026-01-09 13:46:08 -08:00
committed by Ahmed Allam
parent 94bb97143e
commit 4a58226c9a
2 changed files with 37 additions and 18 deletions

View File

@@ -96,29 +96,30 @@ Screen {
VulnerabilityDetailScreen {
align: center middle;
background: $background 60%;
background: #000000 80%;
}
#vuln_detail_dialog {
grid-size: 1;
grid-gutter: 1;
grid-rows: 1fr auto;
padding: 1 2;
width: 80%;
max-width: 100;
height: 80%;
max-height: 40;
border: round #ea580c;
background: #0a0a0a 98%;
padding: 2 3;
width: 85%;
max-width: 110;
height: 85%;
max-height: 45;
border: solid #262626;
background: #0a0a0a;
}
#vuln_detail_scroll {
height: 1fr;
background: transparent;
scrollbar-background: #0a0a0a;
scrollbar-color: #333333;
scrollbar-color: #404040;
scrollbar-corner-color: #0a0a0a;
scrollbar-size: 1 1;
padding-right: 1;
}
#vuln_detail_content {
@@ -130,26 +131,44 @@ VulnerabilityDetailScreen {
#vuln_detail_buttons {
width: 100%;
height: auto;
align: center middle;
padding: 0;
align: right middle;
padding-top: 1;
margin: 0;
border-top: solid #1a1a1a;
}
#copy_vuln_detail, #close_vuln_detail {
#copy_vuln_detail {
width: auto;
min-width: 12;
height: 1;
min-height: 1;
height: auto;
background: transparent;
color: #737373;
color: #525252;
border: none;
text-style: none;
margin: 0 1;
padding: 0 2;
}
#close_vuln_detail {
width: auto;
min-width: 10;
height: auto;
background: transparent;
color: #a3a3a3;
border: none;
text-style: none;
margin: 0;
padding: 0 2;
}
#copy_vuln_detail:hover, #copy_vuln_detail:focus {
background: transparent;
color: #22c55e;
border: none;
}
#copy_vuln_detail:hover, #copy_vuln_detail:focus,
#close_vuln_detail:hover, #close_vuln_detail:focus {
background: #262626;
background: transparent;
color: #ffffff;
border: none;
}

View File

@@ -275,7 +275,7 @@ class VulnerabilityDetailScreen(ModalScreen): # type: ignore[misc]
VerticalScroll(Static(content, id="vuln_detail_content"), id="vuln_detail_scroll"),
Horizontal(
Button("Copy", variant="default", id="copy_vuln_detail"),
Button("Close", variant="default", id="close_vuln_detail"),
Button("Done", variant="default", id="close_vuln_detail"),
id="vuln_detail_buttons",
),
id="vuln_detail_dialog",