fix(web): room for the title in the new ticket form
A field's label floats above its box and only other fields leave room for it, so «Título» sat on the type selector. Also: the mention hint had the shell's paragraph size instead of a hint's, and «Asignar a» and «Release» offered «Todas las personas» / «Todas las releases», filter words, for «nobody» and «none». Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -406,6 +406,12 @@ h3 {
|
|||||||
.ts-form {
|
.ts-form {
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
|
|
||||||
|
// A field's label floats above its box; other fields leave room for it
|
||||||
|
// below them (their hint line), a segmented control does not.
|
||||||
|
> pi-segmented-control {
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ts-form__row {
|
.ts-form__row {
|
||||||
|
|||||||
@@ -395,7 +395,7 @@ const NOBODY = '__nobody__';
|
|||||||
</pi-select-field>
|
</pi-select-field>
|
||||||
<pi-select-field
|
<pi-select-field
|
||||||
[formField]="f.releaseId"
|
[formField]="f.releaseId"
|
||||||
[options]="releaseOptions()"
|
[options]="newReleaseOptions()"
|
||||||
>
|
>
|
||||||
<pi-label>Release</pi-label>
|
<pi-label>Release</pi-label>
|
||||||
</pi-select-field>
|
</pi-select-field>
|
||||||
@@ -613,9 +613,10 @@ export class BoardPage {
|
|||||||
...options(PRIORITY),
|
...options(PRIORITY),
|
||||||
];
|
];
|
||||||
|
|
||||||
|
/* Options of the new ticket form: the empty value means nobody / none. */
|
||||||
protected readonly assigneeOptions = computed<PiSelectFieldOption<string>[]>(
|
protected readonly assigneeOptions = computed<PiSelectFieldOption<string>[]>(
|
||||||
() => [
|
() => [
|
||||||
{ value: ALL, label: 'Todas las personas' },
|
{ value: ALL, label: 'Sin asignar' },
|
||||||
...this.project
|
...this.project
|
||||||
.members()
|
.members()
|
||||||
.map((m) => ({ value: m.user.id, label: m.user.name })),
|
.map((m) => ({ value: m.user.id, label: m.user.name })),
|
||||||
@@ -630,6 +631,12 @@ export class BoardPage {
|
|||||||
.map((r) => ({ value: r.id, label: r.name })),
|
.map((r) => ({ value: r.id, label: r.name })),
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
|
protected readonly newReleaseOptions = computed<
|
||||||
|
PiSelectFieldOption<string>[]
|
||||||
|
>(() => [
|
||||||
|
{ value: ALL, label: 'Sin release' },
|
||||||
|
...this.releaseOptions().slice(1),
|
||||||
|
]);
|
||||||
/** Archived areas still filter (old tickets keep them). */
|
/** Archived areas still filter (old tickets keep them). */
|
||||||
protected readonly areaFilterOptions = computed<
|
protected readonly areaFilterOptions = computed<
|
||||||
PiSelectFieldOption<string>[]
|
PiSelectFieldOption<string>[]
|
||||||
|
|||||||
@@ -399,8 +399,10 @@ interface Suggesting {
|
|||||||
) !important;
|
) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ts-rich__hint {
|
/* Beats the shell's p font size; indented like the field labels. */
|
||||||
|
ts-rich-editor p.ts-rich__hint {
|
||||||
margin: 0.375rem 0 0;
|
margin: 0.375rem 0 0;
|
||||||
|
padding: 0 1rem;
|
||||||
color: var(--ts-muted);
|
color: var(--ts-muted);
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user