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

Adjust top navbar styles and behaviors #2801

Merged
merged 2 commits into from
Nov 21, 2024
Merged

Conversation

jevenski
Copy link
Contributor

@jevenski jevenski commented Nov 21, 2024

Issues to be addressed in this patch

1. Navbar background lost from v4.3 (top) to v5.0 (bottom)

The original background image was lost in the following themes. This patch tries to restore the original background, while using a different implementation.

  • Oblivion

Oblivion

  • Acid

Acid

  • Blue

Blue

  • DarkBetter

DarkBetter

  • Excel

Excel

Originally posted by @koblack in #2721 (comment)

2. A slightly squeezed gap between the main content and the status bar in MaterialDesign theme

BEFORE
20241120111241
AFTER
20241121092310

Commit message

  • Fix a sizing issue in MaterialDesign theme.
  • Restore original navbar styles (background image and color), and unify styles of navbar items. The new implementation tries to resemble the old look of ruTorrent, while utilizing CSS variables. This philosophy helps remove code duplication. Some background images are also replaced by CSS gradient.
  • Auto close collapsible top navbar when resizing and/or opening a dialog window. This adds slightly to ease of use, and prevent styling issues when switching between different screen resolutions.

- Fix a sizing issue in MaterialDesign theme.
- Restore original navbar styles (background image and color), and
  unify styles of navbar items. The new implementation tries to
  resemble the old look of ruTorrent, while utilizing CSS variables.
  This philosophy helps remove code duplication. Some background
  images are also replaced by CSS gradient.
- Auto close collapsible top navbar when resizing and/or  opening
  a dialog window. This adds slightly to ease of use, and prevent
  styling issues when switching between different screen resolutions.
@koblack
Copy link
Contributor

koblack commented Nov 21, 2024

Image file paths seem to be incorrect

image

I don't know if this is the intended effect, but the menu blink when ruTorrent is opened

2024-11-21092834-ezgif com-video-to-gif-converter

@koblack
Copy link
Contributor

koblack commented Nov 21, 2024

Looks great!
Comparison v4.3 (top) vs branch jevenski:nav-bar (bottom)

Acid
image

Blue
image

DarkBetter
image

Excel
image

MaterialDesign
image

Oblivion
image

Standard
image

@stickz
Copy link
Collaborator

stickz commented Nov 21, 2024

Thanks @jevenski for the pull request. And thanks to @koblack for helping test.

@stickz stickz merged commit 1c1975b into Novik:master Nov 21, 2024
@jevenski jevenski deleted the nav-bar branch November 21, 2024 22:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants