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

Add debug page info to the bottom left corner of the page

Browse source
This commit is contained in:
Eryn Wells 2022-09-07 08:44:52 -07:00
parent 83f9550849
commit 6c915ab925
3 changed files with 44 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

32
static/styles/development.css
View file

@ -20,3 +20,35 @@
.draft:after {
content: "]";
}
#debug-page-info {
background-color: var(--background-color);
border: 1px solid #ddd;
border-radius: 6px;
box-shadow: 4px 5px 5px rgba(230, 230, 230, 0.5);
display: inline-block;
font-size: 12px;
position: fixed;
bottom: 2rem;
left: 2rem;
}
#debug-page-info details {
margin: 0.5rem;
}
#debug-page-info table {
display: block;
margin-block-start: 0.5em;
margin-inline-start: 1em;
}
#debug-page-info td {
border: 1px solid black;
padding: 0.4em;
}
#debug-page-info tr:nth-child(even) {
background-color: #efefef;
}