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

Move the debug photo-params table styles to development.css

Browse source 
Fix formatting of the development stylesheet
This commit is contained in:
Eryn Wells 2023-04-08 13:34:43 -07:00
parent 5f6ae6c603
commit 59bb6d28d0
2 changed files with 26 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

33
assets/styles/development.css
View file

@ -1,10 +1,9 @@
/* development.css
* Some styles for development UI.
* Eryn Wells <eryn@erynwells.me>
*/
/* Eryn Wells <eryn@erynwells.me> */
details:has(.photo-params.debug) {
margin-block-end: var(--body-item-spacing);
margin-inline: var(--body-item-spacing);
max-width: var(--content-width);
width: 100%;
}
.draft {
@ -73,6 +72,26 @@ details:has(.photo-params.debug) {
background-color: var(--separator-color);
}
.photo-params.debug {
width: 100%;
.photos-params.debug {
width: calc(100% - var(--body-item-spacing));
}
.photo-params.debug > thead {
font-size: 2rem;
font-weight: bold;
border-bottom: 2px solid rgb(var(--dk-gray));
}
.photo-params.debug > tbody > tr > td {
border: 1px solid var(--photo-params-border-color);
vertical-align: top;
}
.photo-params.debug > tbody > tr > td:first-of-type {
width: max-content;
}
.photo-params.debug > tbody > tr > td:last-of-type {
word-wrap: anywhere;
overflow: scroll;
}

15
assets/styles/photos.css
View file

@ -159,18 +159,3 @@
border-right: 0;
}
.photo-params.debug thead {
font-size: 2rem;
font-weight: bold;
border-bottom: 2px solid rgb(var(--dk-gray));
}
.photo-params.debug {
width: 100%;
}
.photo-params.debug td {
border: 1px solid var(--photo-params-border-color);
overflow: scroll;
vertical-align: top;
}