Modernize vulnerability detail dialog styling
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user