Skip to content

Add Visual Indicators for Administration Nav Menu Fix#584

Open
ACBerea wants to merge 8 commits into
developmentfrom
AC_VINavMenu
Open

Add Visual Indicators for Administration Nav Menu Fix#584
ACBerea wants to merge 8 commits into
developmentfrom
AC_VINavMenu

Conversation

@ACBerea

@ACBerea ACBerea commented Jun 18, 2026

Copy link
Copy Markdown

Issue Description

Fixes for Issue #515

  • Add Visual Indicators for Administration Nav Menu

Changes

  • Changed default html text in line 90 of sidebar.html from "Administration" to "Administration ⯆"
  • Added two function and one function call in sidbar.js that changes "⯆" to "⯅" and "⯅" to "⯆" depending on if the panel is opened or closed.

Testing

  • Visual testing was done to see if the changes properly occurred on the port website.
  • DevTools via inspect were used to observe live changes within the html and js script to ensure that the UI changed as intended.

ACBerea added 5 commits June 17, 2026 21:23
…html text. Currently working on an implementation for the html text to change the character from an downwards pointing caret to an upwards pointer caret when the panel opens and closes.
…tration tab to change carets if the admin toggle is open or closed.
…xt to Administration in sidebar.html and sidebar.js
@ACBerea ACBerea requested review from BetterRocket and conwelld June 18, 2026 17:40

@conwelld conwelld left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Tested on Edge and Chrome and under all window sizes, everything still works, the unicode character works as well when toggled on the HTML, everything seems good!

@BrianRamsay BrianRamsay left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

The toggle character doesn't show up on my computer. Probably Mac or font related. I can't see it in the PR description, the Files changed tab, or the application itself. Even when I edit the file it is not showing up properly.

ACBerea added 2 commits June 18, 2026 19:58
…sue, applied html references to sidebar.js file to work with arrow switching logic, and updated changed default Administration html in sidebar.html to include the replacement icon.
…ng the bootstrap icon to switching the classes between down and up states in sidebar.js
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