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

More conspicuous download button #1094

Merged
merged 2 commits into from
Sep 11, 2024
Merged

More conspicuous download button #1094

merged 2 commits into from
Sep 11, 2024

Conversation

kelson42
Copy link
Collaborator

@kelson42 kelson42 commented Jun 15, 2024

Fixes #1040
Fixes #1130

@veloman-yunkan
Copy link
Collaborator

veloman-yunkan commented Sep 5, 2024

@kelson42 Who is going to review this PR? I wanted to add you as a reviewer, but GitHub won't let me do it (likely, because you are the "author" of this PR).

@veloman-yunkan veloman-yunkan changed the title Download btn More conspicuous download button Sep 5, 2024
Copy link

codecov bot commented Sep 5, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 41.43%. Comparing base (bec80e8) to head (3cdc036).
Report is 3 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #1094   +/-   ##
=======================================
  Coverage   41.43%   41.43%           
=======================================
  Files          59       59           
  Lines        4245     4245           
  Branches     2323     2323           
=======================================
  Hits         1759     1759           
  Misses        990      990           
  Partials     1496     1496           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@kelson42
Copy link
Collaborator Author

kelson42 commented Sep 8, 2024

@veloman-yunkan Please review and fix. The code is from @juuz0. I think the proposal of improvement is OK. I have only one small concern: the grey borders around the new blue button even if perfectly there, look inexistant which - at least to me - give the impression that the button is smaller than the box (1px left and 1px right). Do you have also this feeling?

@veloman-yunkan
Copy link
Collaborator

Please review and fix. The code is from @juuz0.

I know. I already modified @juuz0's changes, pushed the branch and was going to create a PR when GitHub told me that there is already a PR (this one) associated with that branch. It would be strange if I review my own PR.

I think the proposal of improvement is OK.

Which proposal of improvement do you mean?

I have only one small concern: the grey borders around the new blue button even if perfectly there, look inexistant which - at least to me - give the impression that the button is smaller than the box (1px left and 1px right). Do you have also this feeling?

It didn't catch my attention but after looking closely - yes, it looks like that.

@veloman-yunkan
Copy link
Collaborator

I have only one small concern: the grey borders around the new blue button even if perfectly there, look inexistant which - at least to me - give the impression that the button is smaller than the box (1px left and 1px right). Do you have also this feeling?

It didn't catch my attention but after looking closely - yes, it looks like that.

Fixed by changing the border color to that of the button itself.

@kelson42
Copy link
Collaborator Author

kelson42 commented Sep 9, 2024

I have only one small concern: the grey borders around the new blue button even if perfectly there, look inexistant which - at least to me - give the impression that the button is smaller than the box (1px left and 1px right). Do you have also this feeling?

It didn't catch my attention but after looking closely - yes, it looks like that.

Fixed by changing the border color to that of the button itself.

Great, but now we have some kind of white framing appearing if highlighed.
image

@veloman-yunkan
Copy link
Collaborator

I have only one small concern: the grey borders around the new blue button even if perfectly there, look inexistant which - at least to me - give the impression that the button is smaller than the box (1px left and 1px right). Do you have also this feeling?

It didn't catch my attention but after looking closely - yes, it looks like that.

Fixed by changing the border color to that of the button itself.

Great, but now we have some kind of white framing appearing if highlighed. image

There is no such effect under Firefox, but I confirm that I could observe it under Chromium.

@veloman-yunkan
Copy link
Collaborator

I have only one small concern: the grey borders around the new blue button even if perfectly there, look inexistant which - at least to me - give the impression that the button is smaller than the box (1px left and 1px right). Do you have also this feeling?

It didn't catch my attention but after looking closely - yes, it looks like that.

Fixed by changing the border color to that of the button itself.

Great, but now we have some kind of white framing appearing if highlighed. image

There is no such effect under Firefox, but I confirm that I could observe it under Chromium.

Fixed in a different way. @kelson42 Please test again.

@veloman-yunkan
Copy link
Collaborator

@kelson42 Note that I didn't update the cacheid's. I will update them (and make the CI pass) while squashing the fixup commits once we are done with the visual appearance issues.

@kelson42
Copy link
Collaborator Author

@veloman-yunkan Thx! Good to merge then when commits are reorganised!

- Changed the position of download button to the end of tile and
  added a proper download icon to it. When the button is hovered it
  becomes darker.

- Also internationalized the "Download" text on the modal download widget
  and added download size information to it.
@veloman-yunkan
Copy link
Collaborator

@veloman-yunkan Thx! Good to merge then when commits are reorganised!

Done

@veloman-yunkan
Copy link
Collaborator

I discovered two bugs (#1129 and #1130). The latter one is actually introduced by this PR, so maybe I better fix it before this PR is merged.

Copy link
Collaborator

@veloman-yunkan veloman-yunkan left a comment

Choose a reason for hiding this comment

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

No-JS page contains a usability bug (#1130).

@kelson42
Copy link
Collaborator Author

@veloman-yunkan No absolutly sure about your approach/opinion, but to me #1130 should not be introduced by this PR (so fixed here).

... to keep it in sync with the JSful library page that has been
modified in the previous commit.
@veloman-yunkan
Copy link
Collaborator

@veloman-yunkan No absolutly sure about your approach/opinion, but to me #1130 should not be introduced by this PR (so fixed here).

Done

@kelson42 kelson42 merged commit f5c91cc into main Sep 11, 2024
15 checks passed
@kelson42 kelson42 deleted the downloadBtn branch September 11, 2024 09:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants