diff --git a/RpgRoller/Components/Pages/HomeControls/CampaignLogPanel.razor b/RpgRoller/Components/Pages/HomeControls/CampaignLogPanel.razor index 8d8a1c9..d5c176a 100644 --- a/RpgRoller/Components/Pages/HomeControls/CampaignLogPanel.razor +++ b/RpgRoller/Components/Pages/HomeControls/CampaignLogPanel.razor @@ -33,10 +33,6 @@ @entry.Result - - @entry.SummaryText - @(isExpanded ? "Hide detail" : "View detail") - @entry.VisibilityLabel diff --git a/RpgRoller/wwwroot/styles.css b/RpgRoller/wwwroot/styles.css index c4eadc4..8f58ec9 100644 --- a/RpgRoller/wwwroot/styles.css +++ b/RpgRoller/wwwroot/styles.css @@ -588,18 +588,16 @@ select:focus-visible { } .log-entry-toggle { - appearance: none; + all: unset; + box-sizing: border-box; width: 100%; text-align: left; display: grid; - gap: 0.55rem; - border: 0 none transparent; - background: transparent; - border-radius: 0; - padding: 0.8rem 0.9rem 0.75rem; + gap: 0.7rem; + padding: 0.8rem 0.9rem; color: inherit; + font: inherit; cursor: pointer; - box-shadow: none; } .log-entry:hover { @@ -664,14 +662,6 @@ select:focus-visible { color: var(--muted); } -.log-summary-row { - display: flex; - align-items: baseline; - justify-content: space-between; - gap: 0.8rem; - min-width: 0; -} - .log-meta { display: flex; justify-content: space-between; @@ -681,21 +671,6 @@ select:focus-visible { font-size: 0.86rem; } -.log-summary { - color: color-mix(in srgb, var(--muted) 88%, #000000 12%); - font-size: 0.9rem; - line-height: 1.35; - min-width: 0; -} - -.log-disclosure { - flex: 0 0 auto; - font-size: 0.8rem; - font-weight: 700; - letter-spacing: 0.01em; - color: color-mix(in srgb, var(--accent) 75%, var(--text) 25%); -} - .log-detail { margin: 0 0.65rem 0.65rem; padding: 0.7rem 0.8rem 0.75rem; @@ -750,19 +725,17 @@ select:focus-visible { @media (max-width: 720px) { .log-entry-toggle { - gap: 0.6rem; - padding: 0.75rem 0.75rem 0.7rem; + gap: 0.65rem; + padding: 0.75rem; } .log-entry-main, - .log-summary-row, .log-meta { grid-template-columns: 1fr; display: grid; justify-content: stretch; } - .log-summary-row, .log-meta { gap: 0.35rem; }