Skip to content
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

UI renovation #147

Merged
merged 10 commits into from
Jul 17, 2023
Merged

UI renovation #147

merged 10 commits into from
Jul 17, 2023

Conversation

mawinter69
Copy link
Contributor

  • use symbols everywhere
  • use new button style
  • align things and add gaps

Before:
image

  1. No gap to border
  2. checkboxes not centered
  3. icons not centered
  4. old style user icon
  5. no gap
  6. old style group icon
  7. no border between permissions
  8. no gap to warning message

After:
image

Testing done

Submitter checklist

Edit tasklist title
Beta Give feedback Tasklist Submitter checklist, more options

Delete tasklist

Delete tasklist block?
Are you sure? All relationships in this tasklist will be removed.
  1. Make sure you are opening from a topic/feature/bugfix branch (right side) and not your main branch!
    Options
  2. Ensure that the pull request title represents the desired changelog entry
    Options
  3. Please describe what you did
    Options
  4. Link to relevant issues in GitHub or Jira
    Options
  5. Link to relevant pull requests, esp. upstream and downstream changes
    Options
  6. Ensure you have provided tests - that demonstrates feature works or fixes the issue
    Options

- use symbols everywhere
- use new button style
- align cells
on windows the still running jobs likely cause problems with post
cleanup due to open file handles
@daniel-beck daniel-beck self-requested a review July 17, 2023 07:03
@daniel-beck
Copy link
Member

Thanks. Screenshots look nice and code on a first read as well.

Is it deliberate that the "trash can" button has a background, and the others don't?

@mawinter69
Copy link
Contributor Author

The old "x" was also very prominent with it's red color so I thought keep it like that.

@daniel-beck
Copy link
Member

@mawinter69 That makes sense. WDYT about this, reusing the mas-table__icon-alert?

Screenshot 2023-07-17 at 09 34 31

With the background color also set, it almost looks like a bug. With just the color, it still stands out.

@mawinter69
Copy link
Contributor Author

agreed with the just the color
btw the blue icons for migration might also not be intended, they come because they're wrapped in a link. Also the select-all unselect-all colors should be changed now to use the currentColor (looks better on dark theme I think).

@mawinter69
Copy link
Contributor Author

dark theme:
image

@daniel-beck
Copy link
Member

FTR "before" colors:

Screenshot 2023-07-17 at 10 33 10

@daniel-beck daniel-beck merged commit 23db88f into jenkinsci:master Jul 17, 2023
17 checks passed
basil added a commit to jenkinsci/jenkins that referenced this pull request Jul 17, 2023
<div class="jenkins-!-margin-top-2">
<input type="button" class="matrix-auth-add-button" value="${%Add user…}" id="${id}UserButton"
<div class="jenkins-!-margin-top-2 jenkins-buttons-row jenkins-buttons-row--equal-width">
<button type="button" class="jenkins-button matrix-auth-add-button" id="${id}UserButton"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@StefanSpieker
Copy link

This causes a regression on our side:

image
image

It tries to download from: https://<JENKINS>/plugin/matrix-auth/images/select-all.svg.
I guess it should be downloaded from somewhere https://<JENKINS>/static/abc1234/...

@mawinter69
Copy link
Contributor Author

Is this in the AzureAD plugin?

@daniel-beck
Copy link
Member

@StefanSpieker "Azure User/group to add" should tell you this isn't this plugin. Report a bug in azure-ad.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
4 participants