Skip to content

Commit 1477640

Browse files
committed
STAR-270 : Make table stretch to fill available width dynamically
- Change table-layout from auto to fixed for consistent column widths - Add percentage-based column widths: CVE (15%), Severity (12%), Group (18%), Package (20%), Vulnerable (17%), Fixed (18%) - Columns now dynamically stretch to fill 100% of available width - Better space utilization on larger screens - Maintains responsive horizontal scrolling on mobile
1 parent ef5f4a5 commit 1477640

File tree

1 file changed

+16
-1
lines changed

1 file changed

+16
-1
lines changed

docs/.vuepress/components/ResolvedCveTable.vue

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -374,7 +374,7 @@ export default {
374374
width 100%
375375
font-size 0.8rem
376376
border-collapse collapse
377-
table-layout auto
377+
table-layout fixed
378378
thead th
379379
background-color #0d1e30
380380
color white
@@ -395,6 +395,21 @@ export default {
395395
tbody tr:hover
396396
background-color #f9fafb
397397
398+
// Column width distribution for dynamic stretching
399+
.cve-tracker .cve-table
400+
.col-cve
401+
width 15%
402+
.col-severity
403+
width 12%
404+
.col-group
405+
width 18%
406+
.col-package
407+
width 20%
408+
.col-vulnerable
409+
width 17%
410+
.col-fixed
411+
width 18%
412+
398413
// Content styling
399414
.cve-tracker .cve-code
400415
background-color #f3f4f6

0 commit comments

Comments
 (0)