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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user