IssueRow
Jedno zgłoszenie w jednej linii, jak na pulpicie. Wybierz go dla krótkich list, takich jak „Assigned to me”; dla długich list, które ludzie sortują, użyj IssueTable.
- IssueRow
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: IssueRow
- SK-101Search suggestions skip words with accented letters
- search
- backend
BugTo doPriority UrgentDue OverdueAda Lovelace - SK-102Keyboard shortcut sheet for the editor
- frontend
- accessibility
FeatureIn progressPriority HighDue Grace Hopper - SK-103Move the export queue to a background worker so large projects no longer time out while the archive is being built
- backend
- performance
- docs
- search
- frontend
ImprovementIn reviewPriority MediumUnassigned
Noc, podgląd: IssueRow
- SK-101Search suggestions skip words with accented letters
- search
- backend
BugTo doPriority UrgentDue OverdueAda Lovelace - SK-102Keyboard shortcut sheet for the editor
- frontend
- accessibility
FeatureIn progressPriority HighDue Grace Hopper - SK-103Move the export queue to a background worker so large projects no longer time out while the archive is being built
- backend
- performance
- docs
- search
- frontend
ImprovementIn reviewPriority MediumUnassigned
Wysoki kontrast, podgląd: IssueRow
- SK-101Search suggestions skip words with accented letters
- search
- backend
BugTo doPriority UrgentDue OverdueAda Lovelace - SK-102Keyboard shortcut sheet for the editor
- frontend
- accessibility
FeatureIn progressPriority HighDue Grace Hopper - SK-103Move the export queue to a background worker so large projects no longer time out while the archive is being built
- backend
- performance
- docs
- search
- frontend
ImprovementIn reviewPriority MediumUnassigned
UżycieLink do sekcji Użycie
import { IssueRow } from '@skribly/ui/tracker'<ul>{issues.map((issue) => (
<IssueRow key={issue.key} elementType="li" issue={issue} labelsLabel={t('fields.labels')} unassignedLabel={t('issue.unassigned')} />
))}</ul>Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.
DostępnośćLink do sekcji Dostępność
- Tytuł jest linkiem, którego pole trafienia pokrywa wiersz, a wiersz rysuje własną obwódkę fokusa. isCurrent ustawia aria-current i dodaje linię w kolorze akcentu.
- Przeterminowane daty zmieniają znak i odczytują overdueLabel.
- W wąskim kontenerze fakty zawijają się pod tytuł, więc nic nie przewija się na boki przy 320 px ani powiększeniu 400%.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.