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

11219 adapt UI font size #12042

Open
wants to merge 12 commits into
base: main
Choose a base branch
from

Conversation

harry924
Copy link

@harry924 harry924 commented Oct 20, 2024

closes #11219
Merged all the CSS files to Base.css

converted all px units to em

Fixed toggle button and sperator padding issue

Conducted UI testing by comparing interfaces before and after changes.

Mandatory checks

  • I own the copyright of the code submitted and I licence it under the MIT license
  • Change in CHANGELOG.md described in a way that is understandable for the average user (if applicable)
  • Tests created for changes (if applicable)
  • Manually tested changed features in running JabRef (always required)
  • Screenshots added in PR description (for UI changes)
  • Checked developer's documentation: Is the information available and up to date? If not, I outlined it in this pull request.
  • Checked documentation: Is the information available and up to date? If not, I created an issue at https://github.com/JabRef/user-documentation/issues or, even better, I submitted a pull request to the documentation repository.

Separator-issue

Fixed-Separator

misaligned-filter-icon

Fixed-filter-icon

@Siedlerchr
Copy link
Member

then remove the unused css files as well

Copy link
Member

@Siedlerchr Siedlerchr left a comment

Choose a reason for hiding this comment

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

delete the unused css files and check if they are referenced somehwere

@Siedlerchr Siedlerchr added the status: changes required Pull requests that are not yet complete label Oct 20, 2024
@@ -0,0 +1,1736 @@
.root {
Copy link
Member

Choose a reason for hiding this comment

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

You really don't have to create backup files, this is what git is for.

@harry924
Copy link
Author

Hi, I have deleted original individual CSS files and the BaseBackUp.css and consolidated styles into Base.css.
and also updated all the relevant Java classes to reference Base.css instead of the deleted files.

@@ -3,7 +3,7 @@ title: "Developer Documentation"
remote_theme: just-the-docs/[email protected]
color_scheme: light

exclude: [_config.yml, .dockerignore, .gitignore, CNAME, Dockerfile, Gemfile, Gemfile.lock, README.md, mkdocs-custom.css]
exclude: [_config.yml, .dockerignore, .gitignore, CNAME, Dockerfile, Gemfile, Gemfile.lock, README.md]
Copy link
Member

Choose a reason for hiding this comment

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

Even if this affects our documentation, I think, this removal is OK.

@@ -117,7 +117,7 @@ public GroupTreeView(TaskExecutor taskExecutor,
this.aiService = aiService;

createNodes();
this.getStylesheets().add(Objects.requireNonNull(GroupTreeView.class.getResource("GroupTree.css")).toExternalForm());
this.getStylesheets().add(Objects.requireNonNull(GroupTreeView.class.getResource("/org/jabref/gui/Base.css")).toExternalForm());
Copy link
Member

Choose a reason for hiding this comment

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

I don't think this is even necessary, the Base.cs stylesheet is applied globally, so it would be automatically applied to all nodes in the hierarchy. However, you probably need to add custom classes for the group tree etc to prevent side effects with other elements

see my PR for an example
#11881

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
status: changes required Pull requests that are not yet complete
Projects
None yet
Development

Successfully merging this pull request may close these issues.

JabRef's UI should adapt to the font size
4 participants