-
Notifications
You must be signed in to change notification settings - Fork 11
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: Add standard tomogram badge to tomogram selector #1181
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks @bchu1 - The tags look good, but the font weights should be regular instead of semibold. This is not a blocker, but a "should have" for consistency.
- Should have - input dropdown font weights appear to be all semibold, only the tomogram name (the "label") should be semibold.
- Change voxel spacing & tomogram badge to be regular weight so that it will align with the SDS patterns
- Should have - dropdown menu text font weights appear to be all semibold, only Menu Item name on the selected menu item should be semibold
- Change all detail text & the tomogram badge to regular weight
- confirm that for unselected menu items, the tomogram name is also regular weight (in screenshot this case isnt relevant since there is only 1 tomogram)
Updated the screenshot! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM, thanks @bchu1
'h-[20px] px-sds-xs py-sds-xxxs !text-sds-body-xxxs text-[#002660] leading-sds-body-xxxs rounded inline-flex bg-[#e9f1ff]', | ||
'inline-flex items-center px-sds-xs py-sds-xxxs', | ||
'!text-sds-body-xxxs text-[#002660] font-normal leading-sds-body-xxxs rounded bg-[#e9f1ff]', | ||
size === 'small' ? 'h-[16px]' : 'h-[20px]', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
16px is sds-l, there's nothing for 20px though, so not sure if it makes sense to replace one and not the other.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
didn't know we could use that with h-
, yeah if it only works for one I'll just leave it
edef56b
to
1c9be19
Compare
🤖 I have created a release *beep* *boop* --- ## [1.31.0](web-v1.30.0...web-v1.31.0) (2024-10-03) ### ✨ Features * Add portal standard badge to tomograms table and integrate alignment metadata accordion with new API ([#1179](#1179)) ([1de70a1](1de70a1)) * Add standard tomogram badge to tomogram selector ([#1181](#1181)) ([ac4ad27](ac4ad27)) * Add tooltip to Alignment ID field in tomogram sidebar ([#1196](#1196)) ([fad5207](fad5207)) * Integrate more V2 API queries ([#1174](#1174)) ([92f80a7](92f80a7)) * Migrate and start using tomograms query in UI ([#1169](#1169)) ([d21ffd9](d21ffd9)) * Undo changes for transforming annotations and add new callout for mismatched alignments ([#1191](#1191)) ([ea1598d](ea1598d)) * update annotation row name ([#1163](#1163)) ([6164201](6164201)) * Update to generic annotation transformation callout during download ([#1186](#1186)) ([5597524](5597524)) ### 🐞 Bug Fixes * address misc UI/UX bugs ([#1192](#1192)) ([178737d](178737d)) * change incorrect deposition links ([#1133](#1133)) ([dc642e5](dc642e5)) * Stop querying depositionTitle ([#1187](#1187)) ([07a08d4](07a08d4)) ### 🧹 Miscellaneous Chores * prefix IDs across the portal ([#1178](#1178)) ([1732fb2](1732fb2)) --- This PR was generated with [Release Please](https://github.com/googleapis/release-please). See [documentation](https://github.com/googleapis/release-please#release-please). Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
#1005
The messed up paddings are tracked in #1158