DMC/studentportalen
1
1
Fork 0
Code Issues 50 Pull Requests Actions Projects 1 Wiki Activity

Section / Start time grid #25

New Issue
Closed
opened 2025-11-25 16:57:47 +01:00 by jare2473 · 1 comment
jare2473 commented 2025-11-25 16:57:47 +01:00
Owner
Copy Link

Start time grid - overview (in Figma)

To be used as a section in the booking page. I have classified this as a "section" rather than a component since it feels like it will only be used in one place.

Components used:

  • Choicebox #26
  • Inline modal #23

Accessibility

I am mainly putting this here as a reminder to test the screen reader and keyboard accessibility when we have something to try out

We might need to use something like ARIA live regions to make sure the modal is accessible for screen reader users. It could be used to notify the user that the modal is opened, how to close it, and perhaps to move focus to the modal.

I don't expect this to work perfectly in the first version, and we will need to test it out to know what we need to do.

Resources:

**[Start time grid - overview (in Figma)](https://www.figma.com/design/zFYdCdtEqACZmWwfnNRNY1/Studentportalen?node-id=2655-17289&t=MnZ83TeYeIxXN6Pq-1)** To be used as a section in the booking page. I have classified this as a "section" rather than a component since it feels like it will only be used in one place. ## Components used: - *Choicebox* #26 - *Inline modal* #23 ## Accessibility _I am mainly putting this here as a reminder to test the screen reader and keyboard accessibility when we have something to try out_ We might need to use something like [ARIA live regions](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Guides/Live_regions) to make sure the modal is accessible for screen reader users. It could be used to notify the user that the modal is opened, how to close it, and perhaps to move focus to the modal. I don't expect this to work perfectly in the first version, and we will need to test it out to know what we need to do. ## Resources: - [Color aliases](https://www.figma.com/proto/zFYdCdtEqACZmWwfnNRNY1/Studentportalen?node-id=2472-718&t=Jdfx45Mu9l8xEMBt-1) - [Size variables](https://www.figma.com/proto/zFYdCdtEqACZmWwfnNRNY1/Studentportalen?node-id=2468-242&t=Jdfx45Mu9l8xEMBt-1) - [Text styles](https://www.figma.com/design/zFYdCdtEqACZmWwfnNRNY1/Studentportalen?node-id=2558-1352&t=jLGBD7ysc3KxEIx0-1) ---
jare2473 added the
Design system
Front end
 labels 2025-11-25 17:00:26 +01:00
jare2473 added this to the Misc. design system stuff milestone 2025-11-25 17:00:26 +01:00
jare2473 added this to the Misc. design system stuff milestone 2025-11-25 17:00:27 +01:00
jare2473 added this to the Misc. design system stuff milestone 2025-11-25 17:00:28 +01:00
stne3960 was assigned by jare2473 2025-11-25 17:00:39 +01:00
jare2473 changed title from Component / Start time grid to Section / Start time grid 2025-11-28 10:10:22 +01:00
jare2473 modified the milestone from Misc. design system stuff to Room booking 2025-11-28 10:10:27 +01:00
jare2473 removed the
Design system
 label 2025-11-28 10:10:36 +01:00
jare2473 added a new dependency 2025-12-03 13:33:34 +01:00
#36 Page / Book a room
jare2473 added this to the Design -> Front end project 2025-12-03 15:58:58 +01:00
stne3960 moved this to Backlog in Design -> Front end on 2025-12-04 15:01:32 +01:00
stne3960 removed their assignment 2025-12-09 12:52:48 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2025-12-17 14:00:11 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2025-12-22 10:22:22 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2025-12-22 10:59:03 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2025-12-22 11:01:26 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2025-12-22 12:43:52 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2025-12-29 12:03:08 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2025-12-30 11:27:18 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2025-12-30 11:27:24 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2026-01-07 11:30:31 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2026-01-08 10:30:05 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2026-01-08 13:36:29 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2026-01-08 14:14:39 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2026-01-08 14:20:00 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2026-01-08 14:29:31 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2026-01-08 15:17:02 +01:00
jare2473 moved this to Ready for dev in Design -> Front end on 2026-01-08 15:19:29 +01:00
jare2473 commented 2026-01-08 15:49:52 +01:00
Author
Owner
Copy Link

Update with english version

Update with english version
jare2473 moved this to Ready for dev in Design -> Front end on 2026-01-09 09:05:41 +01:00
jare2473 moved this to In Progress in Design -> Front end on 2026-01-09 14:32:54 +01:00
jare2473 moved this to In Progress in Design -> Front end on 2026-01-09 14:33:41 +01:00
stne3960 referenced this issue from a commit 2026-01-16 14:17:11 +01:00
Start time grid (#62)
jare2473 moved this to Done in Design -> Front end on 2026-01-16 14:25:39 +01:00
jare2473 moved this to Done in Design -> Front end on 2026-01-16 14:25:41 +01:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Code Review
Design
Component
Design
Page
Design Review
Design in progress
Design system
Front end
bug
Something is not working
duplicate
This issue or pull request already exists
enhancement
New feature
help wanted
Need some help
invalid
Something is wrong
priority
question
More information is needed
wontfix
This won't be fixed
No Label
Front end
Milestone
No items
No Milestone Room booking
Projects
Clear projects
No project Design -> Front end
Assignees
Clear assignees
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Blocks
#36 Page / Book a room
DMC/studentportalen
Reference: DMC/studentportalen#25
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?