Resolve "Unbox on-call schedule UI"
What does this MR do and why?
Describe in detail what your merge request does and why.
From the main issue:
- Header section changes - increase the font size of page title to H1; change the "Add a schedule" button text to "Add schedule" and change the button variant to primary, small
- Move the edit/delete icon buttons into a three dot menu. Move the expand/collapse caret next to it (rather than next to the schedule title)
- Update the header section of the schedule to include the schedule title (now, h2/04 base size), schedule description, and timezone
- Switch the background colors of the header and "body" sections of the schedule. The body is now neutral grey-200 and the header, white.
- Rotations text size increased to H3 (note: the tag changed to h3 and headline hierarchy has been improved on the whole view, font size was adjusted with a class, to match figma design)
- Move the date to a new row beneath the
Rotations
text - Time range picker - change the split button into a dropdown, small variant. Change the one day option to, hourly. When hourly is selected, change
Date
text toHour
- Move the forward/backward buttons here, and use the small button variant.
Screenshots or screen recordings
Screenshots are required for UI changes, and strongly recommended for all other merge requests.
context | before | after |
---|---|---|
default | ||
card menu open | same as above | |
day preview | same as above |
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
Prerequisite:
You must have at least the Maintainer role.
To create an on-call schedule:
- On the top bar, select Main menu > Projects and find your project.
- On the left sidebar, select Monitor > On-call Schedules.
- Select Add a schedule.
- Enter the schedule’s name and description and select a time zone.
- Select Add schedule.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #387079 (closed)
Edited by Paulina Sedlak-Jakubowska