https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=43576

--- Comment #41 from Martin Renvoize (ashimema) 
<[email protected]> ---
Created attachment 206407
  -->
https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=206407&action=edit
Bug 43576: Add a divider between icon-collapse groups

Several menus group their links under <h5> headings (Cataloging,
Tools, Reports, Serials, Point of sale, Guided reports view,
Circulation module nav, and the Vue Administration/Acquisitions
menus). Those headings are hidden in icon-collapse mode, which left
no visual cue separating one group's icons from the next.

Add a thin border-top on the first icon of each group (skipping the
menu's very first group, which needs no separator) as a lightweight
substitute for the hidden heading -- the same "divider between icon
clusters" pattern used by VS Code's activity bar, Slack, and similar
icon rails. Menus with a single flat list (e.g. circ-menu, prefs-menu,
biblio-view-menu, vendor-menu) are unaffected, since they have no <h5>
groups to begin with.

Test plan:
1. Log in to the staff interface and open a page using a grouped
   menu, e.g. More > Cataloging, or Administration > Authorized
   values.
2. Expand the sidebar; confirm the group headings (Import, Export,
   Reports, ... or System preferences, Basic parameters, ...) still
   render normally.
3. Collapse the sidebar; confirm a thin divider line now appears
   between each group's icons, with no divider above the very first
   group.

-- 
You are receiving this mail because:
You are watching all bug changes.
_______________________________________________
Koha-bugs mailing list -- [email protected]
To unsubscribe send an email to [email protected]
website : http://www.koha-community.org/
git : http://git.koha-community.org/
bugs : http://bugs.koha-community.org/

Reply via email to