-
Notifications
You must be signed in to change notification settings - Fork 38
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
[MDS-6299] Add "Manage My Mines" dropdown to MinesPage UI #3362
Conversation
Introduce a dropdown menu on the MinesPage allowing users to request access to or removal from mines directly.
], | ||
}} | ||
> | ||
<Button className="mine-page-dropdown">Manage My Mines</Button> |
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.
For consistency across similar elements, would recommend trying:
- make the dropdown button type primary
- mine-page-dropdown --> actions-dropdown-button
- for the item buttons, className="actions-dropdown-button menu-item-button fa-icon-container"
- I think you can use className="color-error" for the same effect as "mines-page-remove-mine-link"
The faIcon
s might make it so the spacing isn't quite right that way, but should help keep styles in line and then you don't have to fuss with some of the styling details that have already been handled. Not 100% sure that all those styles have been carried over from Core, but pretty sure.
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.
Yeah, nice suggestions. I had looked for something that had the error color but somehow missed that one. Good call on the actions-dropdown-button menu-item-button fa-icon-container
. It's a good fit. Kind of what I hate about css though, that it depends on someone remembering where a certain class being reused would be appropriate. 🤷🏻
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.
I figured it would want to be the same as the actions menu button but yeah it's a total pain! Like, I do just remember at this point that we have color-x and bg-color-x rules for the main theme colours but it's not intuitive at all and then the scss setup makes it even harder to find because it's like .color { &-error}
. Ahhh CSS...
Quality Gate failed for 'bcgov-sonarcloud_mds_minespace-web'Failed conditions |
Objective
MDS-