feat: implement MedicationsView with sortable table and prescribing history

- Create MedicationsView component with three category tabs (Active, Clinical, PRN)
- Implement sortable columns with visual sort indicators
- Add expandable rows showing prescribing history timeline
- Use proper semantic table markup with scope attributes
- Add fadeIn animation for expanded content
- Traffic light status dots with text labels for accessibility
- Alternating row colors and hover states (#EFF6FF)
- Respects prefers-reduced-motion preference

Task 8 of Clinical Record PMR implementation
This commit is contained in:
2026-02-11 01:48:49 +00:00
parent 59962776df
commit 1e1ba2d6a4
3 changed files with 344 additions and 0 deletions
+9
View File
@@ -66,6 +66,15 @@ body {
animation: seedPulse 0.6s ease-in-out infinite;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fadeIn {
animation: fadeIn 200ms ease-out forwards;
}
.scrollbar-hide {
-ms-overflow-style: none;
scrollbar-width: none;