-
Notifications
You must be signed in to change notification settings - Fork 6.1k
feat: optionally propagate node labels to application pod view (#15274) #23260
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
base: master
Are you sure you want to change the base?
Conversation
🔴 Preview Environment stopped on BunnyshellSee: Environment Details | Pipeline Logs Available commands (reply to this comment):
|
Codecov ReportAttention: Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## master #23260 +/- ##
==========================================
+ Coverage 59.94% 59.98% +0.04%
==========================================
Files 342 342
Lines 58605 58631 +26
==========================================
+ Hits 35132 35172 +40
+ Misses 20623 20617 -6
+ Partials 2850 2842 -8 ☔ View full report in Codecov by Sentry. |
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.
Can you add a video of the UI with some allowed labels? What does it looks like with ~10 labels?
6595dc7
to
4c1690a
Compare
Thanks for the quick review! I've pushed an update. normal-use-case.movmany-labels.mov |
4c1690a
to
ecccea2
Compare
@msoderberg I think also we need some docs, perhaps under UI customization? |
Good point 👍 I added a section to that page. WDYT? |
@linghaoSu What do you think of UI code and experience? |
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. Will wait for @linghaoSu or @keithchong to give some UI feedback
ui/src/app/applications/components/application-pod-view/pod-view.scss
Outdated
Show resolved
Hide resolved
ui/src/app/applications/components/application-pod-view/pod-view.tsx
Outdated
Show resolved
Hide resolved
ui/src/app/applications/components/application-pod-view/pod-view.tsx
Outdated
Show resolved
Hide resolved
@@ -76,11 +80,19 @@ $pod-age-icon-clr: #ffce25; | |||
border-radius: 3px; | |||
background-color: $argo-color-gray-3; | |||
color: $argo-color-gray-6; | |||
max-height: 100px; | |||
overflow: auto; | |||
div { |
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.
Using tag selectors in CSS is generally not recommended, as they can lead to unintended side effects and make styles harder to maintain.
It might be better to replace them with more semantic and specific selectors — such as class selectors — to improve clarity and avoid potential conflicts.
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.
Makes sense, thank you!
Signed-off-by: Marcus Söderberg <msoderb@gmail.com>
…w.tsx): lint-ui Signed-off-by: Marcus Söderberg <msoderb@gmail.com>
…deLabels Signed-off-by: Marcus Söderberg <msoderb@gmail.com>
…scss): update max-width ratio Signed-off-by: Marcus Söderberg <msoderb@gmail.com>
…e labels in pod view Signed-off-by: Marcus Söderberg <msoderb@gmail.com>
Signed-off-by: Marcus Söderberg <msoderb@gmail.com>
4fe3a63
to
6a103bb
Compare
Co-authored-by: Linghao Su <slh001@live.cn> Signed-off-by: Marcus Söderberg <msoderb@gmail.com>
d4b1c83
to
0c11de0
Compare
This PR adds support for optionally propagating node labels to the application pod view.
Closes #15274
Checklist: