Improve task control panel layout
Build custom container images / build (map[base_image:php:8-fpm-alpine build_args:PHP_VERSION=8 context:php8-pgsql fingerprint_command:{ apk info -v | LC_ALL=C sort; find /usr/local/lib/php/extensions /usr/local/etc/php/conf.d -type f -exec sha256sum {} + | LC_ALL=C sort; } name:ph… (push) Successful in 47s
Build custom container images / build (map[base_image:postgres:18 build_args:PG_VERSION=18 POSTGIS_VERSION=3 VCHORD_VERSION=0.5.3 context:postgres fingerprint_command:{ dpkg-query -W -f='${binary:Package}=${Version}\n' | LC_ALL=C sort; find /usr/lib/postgresql -type f -exec sha256su… (push) Successful in 1m40s
Build custom container images / build (map[base_image:python:3 build_args:PYTHON_VERSION=3 context:python-tools fingerprint_command:{ dpkg-query -W -f='${binary:Package}=${Version}\n' | LC_ALL=C sort; pip freeze | LC_ALL=C sort; } name:python-tools oci_labels:org.opencontainers.ima… (push) Successful in 1m18s

This commit is contained in:
ajp_anton
2026-08-18 01:40:27 +00:00
parent b9c886a5ea
commit c1146cfcf5
7 changed files with 177 additions and 38 deletions
+59 -5
View File
@@ -31,8 +31,7 @@ a {
padding: 1rem;
}
.group-heading,
.tasks li {
.group-heading {
align-items: center;
display: flex;
gap: 1rem;
@@ -47,6 +46,9 @@ a {
.tasks li {
border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent);
display: grid;
gap: 1rem;
grid-template-columns: minmax(14rem, 1fr) minmax(0, 3fr);
padding: .8rem 0;
}
@@ -55,12 +57,17 @@ a {
margin: .2rem 0;
}
.tasks form {
min-width: 16rem;
.task-form {
align-items: end;
display: grid;
gap: .75rem;
grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
min-width: 0;
}
.task-input {
margin: .5rem 0;
margin: 0;
min-width: 0;
}
.task-input label,
@@ -75,6 +82,11 @@ a {
max-width: 100%;
}
.task-input input:not([type="checkbox"]),
.task-input select {
width: 100%;
}
.task-input fieldset {
border: 0;
margin: 0;
@@ -97,6 +109,31 @@ button {
padding: .4rem .7rem;
}
.task-action {
align-items: stretch;
border-left: 1px solid color-mix(in srgb, currentColor 15%, transparent);
display: flex;
gap: .4rem;
grid-column: -1;
grid-row: 1;
margin-left: .25rem;
padding-left: .75rem;
}
.task-action select,
.task-action button {
margin: 0;
white-space: nowrap;
}
.visually-hidden {
height: 1px;
margin: -1px;
overflow: hidden;
position: absolute;
width: 1px;
}
button:disabled {
cursor: wait;
}
@@ -118,6 +155,7 @@ button:disabled {
}
.task-result {
grid-column: 1 / -1;
margin: .5rem 0 0;
}
@@ -133,6 +171,22 @@ button:disabled {
to { transform: rotate(360deg); }
}
@media (max-width: 58rem) {
.tasks li {
grid-template-columns: 1fr;
}
}
@media (max-width: 42rem) {
.task-form {
grid-template-columns: minmax(0, 1fr) auto;
}
.task-action {
grid-column: 2;
}
}
dt {
font-weight: 700;
}