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

PR: Improve versions of debug icons, add new cell icon and optimize svg icons #20874

Merged
merged 12 commits into from
May 2, 2023

Conversation

conradolandia
Copy link
Contributor

@conradolandia conradolandia commented Apr 27, 2023

Description of Changes

  • Improved icons for Debug operations (debug, debug_cell, debug_line) both in Dark and Light versions.
  • Added new icon for Debug (generic).
  • Added new icon for new_cell.

I've added two replacements for icons debug_cell and debug_selection, plus a new generic debug icon. Another icon was added for new_cell.

Visualization simulation

Affirmation

By submitting this Pull Request or typing my (user)name below,
I affirm the Developer Certificate of Origin
with respect to all commits and content included in this PR,
and understand I am releasing the same under Spyder's MIT (Expat) license.

I certify the above statement is true and correct:

Andres Montoya

@ccordoba12 ccordoba12 changed the title Improved versions of debug icons, added new_cell PR: Improve versions of debug icons and add a new cell icon Apr 27, 2023
@ccordoba12 ccordoba12 added this to the v6.0alpha1 milestone Apr 27, 2023
Copy link
Member

@ccordoba12 ccordoba12 left a comment

Choose a reason for hiding this comment

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

Thanks @conradolandia for your work on this!

And congratulations for your first PR in Spyder!!

Copy link
Member

Choose a reason for hiding this comment

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

I'm not sure if we should use magenta as the color for this icon. Instead, I think we could simply show it in white for the dark theme and in black for the light one.

What do you think?

Copy link
Member

Choose a reason for hiding this comment

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

Yeah, at least IMO the magenta color is a little more distracting to me and I'm not sure I understand the motivation given that cells aren't shown as magenta by default.

Copy link
Member

Choose a reason for hiding this comment

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

Good point too: the current magenta draws too much attention to that icon unnecessarily.

Copy link
Contributor Author

@conradolandia conradolandia Apr 28, 2023

Choose a reason for hiding this comment

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

Agreed. Was the original color of the previous icon and I didn't think about changing it, but you guys are right.

Copy link
Member

@CAM-Gerlach CAM-Gerlach left a comment

Choose a reason for hiding this comment

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

The changes generally look good to me (I've long advocated for swapping the pause and play positions), though I do agree with @ccordoba12 's comments with regard to the color of the cell icon—see my comment there.

@conradolandia
Copy link
Contributor Author

I've changed the new_cell icon color for both Dark and Light versions. Also, optimized all the SVG files on both the Dark and Light folders, I managed to get files around 30%-50% of the original size, without compromising looks (as far as I can see). However, please check them out, and let me know if you notice something weird.

@ccordoba12
Copy link
Member

@conradolandia, I reviewed your PR locally and it needs some minor additional changes to work as expected:

  1. To load the new debug icon you need to remove this line in our code:

    'debug': [('mdi.step-forward-2',), {'color': SpyderPalette.ICON_2}],

    and this old icon in our source code: spyder/images/editor/debug.png

  2. To load the new cell icons you need to rename them to cell.svg (both for the dark and light themes) and remove this other line in our code:

    'cell': [('mdi.percent',), {'color':SpyderPalette.GROUP_9, 'scale_factor': self.SMALL_ATTR_FACTOR}],


In addition, I noticed that the new debug_cell icon doesn't have the right color for the cell frame in the dark theme, as can be seen in the screenshot below:

imagen

but that's a quite simple fix.


You also said:

Also, optimized all the SVG files on both the Dark and Light folders, I managed to get files around 30%-50% of the original size, without compromising looks (as far as I can see). However, please check them out, and let me know if you notice something weird.

Great work @conradolandia! I checked them at high resolution and I see no difference with the previous icons.

@conradolandia
Copy link
Contributor Author

conradolandia commented Apr 28, 2023

Ok, it should be fixed.

By the way... I got a different idea for the new_cell icon. I know this was kind of "solved" but I kinda wasn't feeling it with the %%.

This new version is more consistent with the rest of the icon system, regarding what we visually mean as a "new cell". I created it with no color bits for now, but we can discuss that. Maybe some color on the + sign?

What do you think?

New cell icon, version 2

@CAM-Gerlach
Copy link
Member

Yeah, that's a great idea and a lot more visually consistent to me with both the appearance and symbology of the other icons. Agreed 👍

@ccordoba12
Copy link
Member

I totally agree with @CAM-Gerlach. That icon looks quite nice in our toolbar along the others, so great work @conradolandia!

Please upload it instead of the current cell icon so we can merge this PR.

@conradolandia
Copy link
Contributor Author

Done!

@ccordoba12 ccordoba12 changed the title PR: Improve versions of debug icons and add a new cell icon PR: Improve versions of debug icons, add new cell icon and optimize svg icons May 2, 2023
Copy link
Member

@ccordoba12 ccordoba12 left a comment

Choose a reason for hiding this comment

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

Thanks @conradolandia for your work on this!

Note: There's a test slot that started to hang but it's unrelated to the changes here, so I'm going to merge it.

@ccordoba12 ccordoba12 merged commit 32fc3f8 into spyder-ide:master May 2, 2023
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.

3 participants