xTr1m/RolemasterDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine critical table layout density

Browse Source
This commit is contained in:
Frank Tovar
2026-03-14 13:41:01 +01:00
parent 1e9407bd3e
commit 21afb960e2
2 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/RolemasterDb.App/Components/Pages/Tables.razor
View File

@@ -72,7 +72,7 @@
<table class="critical-table"> <table class="critical-table">
<thead> <thead>
<tr> <tr>
<th class="roll-band-header" rowspan="2">Roll band</th> <th class="roll-band-header" rowspan="2"></th>
@if (detail.Groups.Count > 0) @if (detail.Groups.Count > 0)
{ {
foreach (var group in detail.Groups) foreach (var group in detail.Groups)
@@ -82,7 +82,7 @@
} }
else else
{ {
<th colspan="@detail.Columns.Count">Columns</th> <th colspan="@detail.Columns.Count"></th>
} }
</tr> </tr>
<tr> <tr>
@@ -94,7 +94,6 @@
{ {
<th> <th>
<span>@column.Label</span> <span>@column.Label</span>
<small>@column.Role</small>
</th> </th>
} }
} }
@@ -105,7 +104,6 @@
{ {
<th> <th>
<span>@column.Label</span> <span>@column.Label</span>
<small>@column.Role</small>
</th> </th>
} }
} }

25
src/RolemasterDb.App/wwwroot/app.css
View File

@@ -76,7 +76,7 @@ textarea {
} }
.page-title { .page-title {
font-size: clamp(2.2rem, 4vw, 3.5rem); font-size: 2.5rem;
line-height: 0.95; line-height: 0.95;
margin: 0; margin: 0;
font-family: var(--font-heading); font-family: var(--font-heading);
@@ -300,6 +300,7 @@ textarea {
.critical-cell-description { .critical-cell-description {
margin: 0; margin: 0;
color: #2c1a10; color: #2c1a10;
font-size: 0.92rem;
} }
.critical-branch-stack { .critical-branch-stack {
@@ -376,20 +377,17 @@ textarea {
.affix-badge-list { .affix-badge-list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.45rem; gap: 0.25rem;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.affix-badge { .affix-badge {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 0.25rem; padding: 0.1rem;
padding: 0.35rem 0.5rem;
border-radius: 999px;
border: 1px solid rgba(127, 96, 55, 0.18); border: 1px solid rgba(127, 96, 55, 0.18);
background: rgba(255, 250, 242, 0.9); background: rgba(255, 250, 242, 0.9);
font-size: 0.78rem; font-size: 0.78rem;
letter-spacing: 0.02em;
text-transform: uppercase; text-transform: uppercase;
color: #5b4327; color: #5b4327;
} }
@@ -531,7 +529,8 @@ textarea {
.critical-table th { .critical-table th {
background: rgba(238, 223, 193, 0.45); background: rgba(238, 223, 193, 0.45);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.04em; text-align: center;
vertical-align: middle;
} }
.critical-table td { .critical-table td {
@@ -542,11 +541,23 @@ textarea {
.critical-table td .critical-cell { .critical-table td .critical-cell {
gap: 0.25rem; gap: 0.25rem;
height: 100%;
} }
.critical-table .roll-band-header { .critical-table .roll-band-header {
width: 120px; width: 120px;
background: rgba(255, 247, 230, 0.52); background: rgba(255, 247, 230, 0.52);
font-size: 0.98rem;
text-align: center;
vertical-align: middle;
}
.critical-table thead th {
font-size: 0.98rem;
}
.critical-table td .affix-badge-list {
margin-top: auto;
} }
.empty-cell { .empty-cell {