question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Default viewer doesn't use 'retina' toolbar icons on iOS

See original GitHub issue

When using the default viewer provided with PDF.js on iOS (retina), the toolbar icons appear blurry.

This seems to be because the following media query in viewer.css isn’t being matched: @media screen and (min-resolution: 2dppx)

Changing this to include a webkit-specific prefix seems to solve this: @media screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) (My CSS knowledge isn’t great, so apologies if there are problems with this)

I realise that users are expected to build upon the default viewer, but it would be nice if this worked out of the box.

(Tested using iOS 9.1 Safari & UIWebview)

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:14 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
timvandermeijcommented, Apr 8, 2018

Closing since this is fixed by #9629.

0reactions
darrenahuntercommented, Feb 16, 2018

this is a big +1 from me too thanks

Read more comments on GitHub >

github_iconTop Results From Across the Web

App Icons on iPhone, iPad and Apple Watch
From the set outline view (left column), select the app icon set. For new or migrated projects it will be named 'AppIcon'.
Read more >
Icons Too Small on iPadOS? Here's How to Fix It - PCMag
1. Update to iPadOS 2. Change App Icon Size 3. Lock Today View
Read more >
Hidden iPhone Tips and Tricks to Make You an iOS Pro
As of iOS 13, it's also part of the Apple default keyboard in iOS. ... (Bonus: if you see an app in that...
Read more >
How big should a UIBarButtonItem image be?
So, if you use custom and system icons in one toolbar, I would suggest to use 25px-50px-75px scaling, or your custom icons will...
Read more >
The iOS Design Guidelines
Icons used in Navigation Bars and Toolbars should be in outlined style with a stroke width of 1 or 1.5pt. Since iOS 11...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found