eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Fix up the layout of the debug content

Browse source 
Put it in the bottom left in a disclosure
This commit is contained in:
Eryn Wells 2022-09-11 10:41:19 -07:00
parent 3fb0ef35fe
commit 7325debd66
2 changed files with 9 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/development/page_info.html
View file

@ -1,6 +1,6 @@
{{ if not hugo.IsProduction }} {{ if not hugo.IsProduction }}
<div class="platter" id="debug-page-info"> <div class="platter" id="debug-page-info">
<details open> <details>
<summary>Debug Page Info</summary> <summary>Debug Page Info</summary>
<table> <table>
<tr><td>.Section</td><td>{{ .Section }}</td></tr> <tr><td>.Section</td><td>{{ .Section }}</td></tr>

14
static/styles/development.css
View file

@ -26,27 +26,29 @@
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 6px; border-radius: 6px;
box-shadow: 4px 5px 5px rgba(230, 230, 230, 0.5); box-shadow: 4px 5px 5px rgba(230, 230, 230, 0.5);
display: inline-block; font-size: 8px;
font-size: 12px;
position: fixed; position: fixed;
bottom: 2rem;
left: 2rem; left: 2rem;
bottom: 2rem;
width: max-content;
} }
#debug-page-info details { #debug-page-info details {
margin: 0.5rem; margin: 0.5rem;
} }
#debug-page-info summary {
font-family: var(--font-family-heading);
}
#debug-page-info table { #debug-page-info table {
display: block;
margin-block-start: 0.5em; margin-block-start: 0.5em;
margin-inline-start: 1em; margin-inline-start: 1em;
} }
#debug-page-info td { #debug-page-info td {
border: 1px solid black; border: 1px solid black;
padding: 0.4em; padding: 0.25em;
} }
#debug-page-info tr:nth-child(even) { #debug-page-info tr:nth-child(even) {