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

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

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