edpibu/nummi
edpibu/nummi
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages 1 Wiki Activity Actions

Fix #23, Fix #25

Browse source
This commit is contained in:
Edgar P. Burkhart 2025-01-02 13:58:10 +01:00
parent e8050fadb9
commit cb939df81e
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
2 changed files with 19 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

22
nummi/main/static/main/css/form.css
View file

@ -7,7 +7,7 @@ form ul.errorlist {
form { form {
display: grid; display: grid;
grid-gap: var(--gap); gap: 0.5rem;
grid-template-columns: repeat(auto-fill, 32rem); grid-template-columns: repeat(auto-fill, 32rem);
@media (width < 1024px) { @media (width < 1024px) {
grid-template-columns: 1fr; grid-template-columns: 1fr;
@ -15,7 +15,7 @@ form {
.column { .column {
display: grid; display: grid;
grid-gap: var(--gap); gap: 0.5rem;
border: 1px solid var(--gray); border: 1px solid var(--gray);
padding: var(--gap); padding: var(--gap);
@ -23,7 +23,7 @@ form {
display: grid; display: grid;
grid-auto-columns: 1fr; grid-auto-columns: 1fr;
grid-auto-flow: column; grid-auto-flow: column;
grid-gap: inherit; gap: inherit;
padding: 0; padding: 0;
margin: 0; margin: 0;
border: none; border: none;
@ -32,11 +32,25 @@ form {
.field { .field {
display: grid; display: grid;
grid-auto-rows: min-content; grid-auto-rows: min-content;
align-items: center;
overflow: hidden; overflow: hidden;
column-gap: 0.5rem;
&:has(> textarea) { &:has(> textarea) {
grid-template-rows: min-content 1fr; grid-template-rows: min-content 1fr;
} }
&:has(input[type="checkbox"]) {
grid-template-columns: min-content 1fr;
> label {
font-size: inherit;
grid-row: 1;
grid-column: 2;
}
> input {
grid-row: 1;
grid-column: 1;
}
}
> label { > label {
font-size: 0.8rem; font-size: 0.8rem;
@ -91,7 +105,7 @@ form {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
grid-auto-rows: 1fr; grid-auto-rows: 1fr;
grid-gap: var(--gap); gap: 0.5rem;
align-items: center; align-items: center;
input { input {

1
nummi/main/static/main/css/main.css
View file

@ -373,6 +373,7 @@ ul.invoices {
gap: 0.5rem; gap: 0.5rem;
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0;
li { li {
display: grid; display: grid;