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

Replace "Cloud" upload icon with more neutral one #4548

Merged
merged 1 commit into from
Jun 25, 2019

Conversation

eloquence
Copy link
Member

Adds rendering rule for the icon to accomplish two things:

  • give the icon room to breathe
  • force crisp rendering, to render large source image cleanly at smaller size (the source PNG is a bit larger than the default size to accommodate zooming)

The crisp rendering rule may make sense as a generic rule at a later point, but so far this seems to be the best candidate for using it.

The new icon was designed by Nina Alter (@ninavizz) and is not derived from FontAwesome, hence not in the font-awesome directory.

Resolves #4535

Status

Ready for review

Test plan

  1. Verify the icons render as expected (in staging and development) in Tor Browser in safest mode.
  2. Zoom into each page to double-check that zooming doesn't produce unexpected pixelation

The screens should look as follows:

Index page (default state):
index-page-normal

Index page (hover state):
index-page-hover

Upload screen:
upload-screen

@@ -267,7 +267,7 @@
/var/www/securedrop/static/i/font-awesome/trash-black.png r,
/var/www/securedrop/static/i/font-awesome/black/guard.svg r,
/var/www/securedrop/static/i/font-awesome/white/guard.svg r,
/var/www/securedrop/static/i/font-awesome/white/exclamation-circle.svg r,
/var/www/securedrop/static/i/font-awesome/white/exclamation-circle.svg r,
Copy link
Member Author

Choose a reason for hiding this comment

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

(My editor cleans up trailing wihtespace by default.)

Adds rendering rule for the icon to accomplish two things:
- give the icon room to breathe
- force crisp rendering, to render large source image cleanly
  at smaller size (the source PNG is a bit larger than the
  default size to accommodate zooming)

The crisp rendering rule may make sense as a generic rule at a
later point, but so far this seems to be the best candidate
for using it.

The new icon was designed by Nina Alter (@ninavizz) and is not
derived from FontAwesome, hence not in the font-awesome directory.

Resolves #4535
@codecov-io
Copy link

codecov-io commented Jun 25, 2019

Codecov Report

Merging #4548 into develop will increase coverage by 2.11%.
The diff coverage is n/a.

Impacted file tree graph

@@             Coverage Diff             @@
##           develop    #4548      +/-   ##
===========================================
+ Coverage    80.42%   82.53%   +2.11%     
===========================================
  Files           45       45              
  Lines         3121     3121              
  Branches       339      339              
===========================================
+ Hits          2510     2576      +66     
+ Misses         520      458      -62     
+ Partials        91       87       -4
Impacted Files Coverage Δ
securedrop/securedrop/journalist_app/admin.py 87.95% <0%> (+1.2%) ⬆️
securedrop/securedrop/journalist_app/utils.py 88.7% <0%> (+4.83%) ⬆️
securedrop/securedrop/models.py 89.22% <0%> (+5.8%) ⬆️
securedrop/securedrop/journalist_app/main.py 75% <0%> (+7%) ⬆️
securedrop/securedrop/journalist_app/account.py 93.87% <0%> (+12.24%) ⬆️
securedrop/securedrop/secure_tempfile.py 91.37% <0%> (+13.79%) ⬆️
securedrop/securedrop/journalist_app/col.py 83.67% <0%> (+16.32%) ⬆️
securedrop/securedrop/template_filters.py 96.15% <0%> (+19.23%) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 0005dc5...e69f9fb. Read the comment docs.

Copy link
Contributor

@zenmonkeykstop zenmonkeykstop left a comment

Choose a reason for hiding this comment

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

Tested in Qubes staging environment:

  • confirmed icons match those in test plan, and zooming into page doesn't affect fidelity
  • confirmed no errors triggered in /var/log/apache2/source-error.log, /var/log/kern.log, /var/log/syslog when icons are loaded.

LGTM once CI passes.

@zenmonkeykstop zenmonkeykstop merged commit 2a5aeb6 into develop Jun 25, 2019
@zenmonkeykstop zenmonkeykstop deleted the upload-icon-redux branch June 25, 2019 22:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Update "Upload" icon in Source UI
3 participants