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

SVG icons are blurry after update to 5.3 #19520

Closed
5 of 10 tasks
julie-jch opened this issue Sep 20, 2022 · 9 comments
Closed
5 of 10 tasks

SVG icons are blurry after update to 5.3 #19520

julie-jch opened this issue Sep 20, 2022 · 9 comments

Comments

@julie-jch
Copy link

julie-jch commented Sep 20, 2022

Issue Report Checklist

  • Searched the issues page for similar reports
  • Read the relevant sections of the Spyder Troubleshooting Guide and followed its advice
  • Reproduced the issue after updating with conda update spyder (or pip, if not using Anaconda)
  • Could not reproduce inside jupyter qtconsole (if console-related)
  • Tried basic troubleshooting (if a bug/error)
    • Restarted Spyder
    • Reset preferences with spyder --reset
    • Reinstalled the latest version of Anaconda
    • Tried the other applicable steps from the Troubleshooting Guide
  • Completed the Problem Description, Steps to Reproduce and Version sections below

Problem Description

This is how my spyder looked before updating to 5.3
image

Here is a generated image

image

This is what the text looks like, you can see each line is perfect no overlap.
image

This is what I get now after updating to 5.3. Same setting but icons and taskbars are huge, text is use, the icons are blurry
image

Here is the same image generated, but not its really blurry
image

I can toggle/lower the text size but this does noting for the huge panels and blurriness.
image

You also note, when I highlight a line of text, as in line 6, the number overlaps. I'm not sure how to fix this issue

Things I've done to help

  1. So far I reverted to conda install --revision=9 this doesn't help
  2. Restarted my device
  3. I've noted in another environment which I have not updated spyder (the one i used to generate the images above) everything looks fine.

Versions

<! * Spyder version: 5.3.3 (conda)

  • Python version: 3.9.13 64-bit
  • Qt version: 5.15.4
  • PyQt5 version: 5.15.7
  • Operating System: Linux 5.4.0-124-generic

image

image

PASTE DEPENDENCIES HERE
@julie-jch julie-jch changed the title Spyder in application icons large after update to 5.3 Spyder in-application icons large after update to 5.3 Sep 20, 2022
@julie-jch julie-jch changed the title Spyder in-application icons large after update to 5.3 Spyder in-application icons large & blurry after update to 5.3 Sep 20, 2022
@ccordoba12
Copy link
Member

ccordoba12 commented Sep 21, 2022

Hey @julie-jch, thanks for reporting. You said:

This is what I get now after updating to 5.3. Same setting but icons and taskbars are huge, text is use, the icons are blurry
image

I think the size of icons and toolbars is the right one, specially compared to the font size you're using in the editor. As a comparison, this is how Spyder looks for me (on Linux too):

image


On this screenshot is specially clear that icons were way too small for you before:

Here is a generated image
image

We didn't design Spyder to look like that, so we're not planning to change it, sorry. Again, this is how it looks for me:

image

I think it's really close to your 5.3 screenshot

Here is the same image generated, but not its really blurry
image

@ccordoba12
Copy link
Member

ccordoba12 commented Sep 21, 2022

However, you're correct that some icons are blurry. Thanks for pointing that out (we didn't notice it because we don't develop on 4k/8k monitors).

We'll fix that problem in our next version (5.4.0), to be released next month.

@ccordoba12 ccordoba12 changed the title Spyder in-application icons large & blurry after update to 5.3 Spyder SVG icons are blurry after update to 5.3 Sep 21, 2022
@ccordoba12 ccordoba12 self-assigned this Sep 21, 2022
@ccordoba12 ccordoba12 added this to the v5.4.0 milestone Sep 21, 2022
@ccordoba12
Copy link
Member

ccordoba12 commented Sep 21, 2022

Sorry, I missed these comments of yours:

This is what the text looks like, you can see each line is perfect no overlap.
You also note, when I highlight a line of text, as in line 6, the number overlaps. I'm not sure how to fix this issue

I can reproduce this error with the elusiveicons font you're using:

image

@impact27, could you take a look at it? I thought it was fixed, but it seems it's still an issue for some fonts.


@julie-jch, the solution for now is to use a different font (e.g. Ubunto Mono).

@ccordoba12 ccordoba12 changed the title Spyder SVG icons are blurry after update to 5.3 SVG icons are blurry and text not aligned in the editor after update to 5.3 Sep 21, 2022
@impact27
Copy link
Contributor

I can't reproduce this with elusiveicons on mac. The numbers are not well aligned because this is not a monospaced font, but the highlighting puts the number at the correct position.

@ccordoba12
Copy link
Member

The numbers are not well aligned because this is not a monospaced font

Ok, thanks a lot for checking this so quickly. I didn't know elusiveicons is not a monospaced font (although Qt detects it as such). Any idea if there's a way to improve that?

@impact27
Copy link
Contributor

This is what I have with elusiveicons:
Screenshot 2022-09-21 at 07 07 45
We could remove it from the list of options maybe?

@ccordoba12
Copy link
Member

We could remove it from the list of options maybe?

That's a good idea but it doesn't seem easy or even possible. So, let's leave it like that.

@ccordoba12 ccordoba12 changed the title SVG icons are blurry and text not aligned in the editor after update to 5.3 SVG icons are blurry after update to 5.3 Sep 21, 2022
@julie-jch
Copy link
Author

Thank you. One thing I noticed that may be informative, I have a text scaling factor of 1.9 in my font settings [Linux Mint system] (without this, the linux system text is very tiny). When I set this factor to 1, it looks much better, I don't experience the overlapping text, images in the plots pane are no longer blurry. So maybe its some incompatibility between the UI and this setting.

image

image
image

@ccordoba12
Copy link
Member

Thanks for letting us know about that @julie-jch. There's little we can do about it though because this is a very specific use case and we have a lot of other things to address.

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

No branches or pull requests

3 participants