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

Fix size of development disclosure instead of growing with the font size of the document

Browse source
This commit is contained in:
Eryn Wells 2022-11-24 08:26:28 -05:00
parent d174ae952d
commit f1b60f443c
1 changed files with 16 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

21
assets/styles/development.css
View file

@ -30,11 +30,11 @@ details:has(.photo-params.debug) {
border: 1px solid var(--separator-color); border: 1px solid var(--separator-color);
border-radius: 6px; border-radius: 6px;
box-shadow: 4px 5px 5px var(--box-shadow-color); box-shadow: 4px 5px 5px var(--box-shadow-color);
font-size: 1.75rem; font-size: 12px;
padding: 0.5rem; padding: 0.5rem;
position: fixed; position: fixed;
left: 2rem; left: 12px;
bottom: 2rem; bottom: 12px;
width: max-content; width: max-content;
} }
@ -47,14 +47,25 @@ details:has(.photo-params.debug) {
} }
#debug-page-info > details > table { #debug-page-info > details > table {
border-collapse: collapse; border: 0;
border-color: rgb(var(--dk-gray));
display: block; display: block;
margin-block-start: 0.5em; margin-block-start: 0.5em;
margin-inline-start: 1em; margin-inline-start: 1em;
width: 100%;
}
#debug-page-info > details > table > tbody {
border: 1px solid;
}
#debug-page-info > details > table > tbody + tbody {
border-top: 1px solid;
} }
#debug-page-info > details > table > tbody > tr > td { #debug-page-info > details > table > tbody > tr > td {
border: 1px solid rgb(var(--dk-gray)); border: 1px dotted;
border-left: 1px solid;
padding: 0.3em; padding: 0.3em;
} }