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: Additional UI improvements to the About Spyder dialog #21641

Merged
merged 13 commits into from
Dec 23, 2023

Conversation

ccordoba12
Copy link
Member

@ccordoba12 ccordoba12 commented Dec 21, 2023

Description of Changes

  • UI changes
    • Use the same tabbar style as the one in Preferences.
    • Make Spyder icon shown in the dialog scale when setting a different scale factor in Preferences.
    • Change MessageBoxInformation icon to its outline version because it's more standard and easier to grasp.
    • Set dialog size per operating system and make it closer to a square.
  • Other changes
    • Move dialog to be in the Application widgets module. This is not a generic widget, so it doesn't need to be in spyder/widgets.
    • Fix some visual glitches in the new special tabbars.

Visual changes

Before

imagen

After

imagen

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: @ccordoba12

Also, use constant for border radius in tabs.
- Use the same tabbar style as the one in Preferences.
- Fix margins and background color due to that.
- Move css tweaks to a separate method.
- The used scale factor is the one set by users in Preferences for the
main screen.
- Also, fix error when getting the scale factor used for the splash
screen.
- That prevents showing it pixelated for scale factors greater than 1.
- Also, simplify string replacements in info QLabel.
- Reduce space between icon and version info.
- Make left/right margin around icon and version uniform.
- Center tabbar on scroll areas.
- Use a darker color for borders.
- Create additional methods for the style applied to different widgets.
That's because it's easier to visually grasp than the filled version of
it. And it's also more standard.
@pep8speaks
Copy link

pep8speaks commented Dec 21, 2023

Hello @ccordoba12! Thanks for updating this PR. We checked the lines you've touched for PEP 8 issues, and found:

Line 246:80: E501 line too long (101 > 79 characters)

Comment last updated at 2023-12-23 00:25:08 UTC

@ccordoba12 ccordoba12 changed the title PR: Additional improvements to the About Spyder dialog PR: Additional UI improvements to the About Spyder dialog Dec 21, 2023
@ccordoba12 ccordoba12 force-pushed the improve-about-dialog branch 4 times, most recently from c5d2962 to da79e2e Compare December 23, 2023 00:02
- Also, make some minor improvements to the text shown on it per
review.
- Rename MARGIN class constant to PADDING because it makes more
sense.
- Fix modules tests, some comments and docstrings.
@ccordoba12 ccordoba12 merged commit c5f032b into spyder-ide:master Dec 23, 2023
14 checks passed
@ccordoba12 ccordoba12 deleted the improve-about-dialog branch December 23, 2023 14:29
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.

2 participants