IBX-11964: Add native app switcher (login rail and back office side panel) - #1997
Merged
Merged
Conversation
tischsoic
force-pushed
the
IBX-11964-app-switcher
branch
from
August 7, 2026 08:59
c30f1af to
5befee4
Compare
GrabowskiM
approved these changes
Aug 7, 2026
| {% set modifier = modifier|default('') %} | ||
| {% set active_app_name = active_app_name|default(null) %} | ||
| {% set active_app_href = active_app_href|default(null) %} | ||
| {% set apps = apps|default([ |
Contributor
There was a problem hiding this comment.
wouldn't it be better solution to get these from backend? instead of hardcoding them in twig
Contributor
Author
There was a problem hiding this comment.
I think that for now, we want to hardcode it - I think there should be later different switcher for all companies.
tischsoic
force-pushed
the
IBX-11964-app-switcher
branch
from
August 11, 2026 05:48
c4b50ca to
b0a32f8
Compare
tischsoic
force-pushed
the
IBX-11964-app-switcher
branch
from
August 11, 2026 12:13
733d8e6 to
18d9278
Compare
OstafinL
approved these changes
Aug 13, 2026
tischsoic
force-pushed
the
IBX-11964-app-switcher
branch
from
August 13, 2026 09:54
89ed4b4 to
1d5f10e
Compare
This was referenced Aug 13, 2026
tischsoic
force-pushed
the
IBX-11964-app-switcher
branch
from
August 13, 2026 12:02
20b126c to
f24c951
Compare
dew326
approved these changes
Aug 13, 2026
…anel) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
tischsoic
force-pushed
the
IBX-11964-app-switcher
branch
from
August 17, 2026 09:34
f24c951 to
8b95db1
Compare
barbaragr
approved these changes
Aug 18, 2026
Contributor
Author
|
Claude: All CI green ✅ before removing dependencies.json — combined-state regression: ibexa/commerce#1940 (only pre-existing TargetingBlock noise, also red on unrelated #1939). |
The dark design defines no hover state for the auth-pages app switcher; the label color change was carried over from the old sidebar. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The reference defines no hover state for app-switcher links: neutralize the Bootstrap a:hover underline ($link-hover-decoration is overridden to underline in ibexa-bootstrap.scss) and drop the panel tile hover background. The toggler keeps its hover background, as in the design. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Review follow-up: the panel label's letter-spacing duplicates the value inherited from the ids root html rule, and prefers-reduced-motion guards are not used anywhere else in the codebase. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
admin-ui declared html { font-size: 16px } while its own calculateRem()
divides by 14px, so every rem-based size was inflated by 14.3% wherever
that rule won the cascade — the login/account pages, where ibexa.scss is
loaded after the ids-assets stylesheet (the back office was unaffected
because ids-assets comes last there).
Removing the declaration leaves the ids-assets root rule (14px, the value
calculateRem is built on) authoritative in both bundles: login-page sizes
now render exactly as declared (app switcher rail 64px with 32px logos,
inputs 40px, logo 250px), matching the design.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Our brand SVGs have no internal margin, while the design's assets inset the logo ~2px per side inside a 32px box — so the declared 32px made ours render visibly larger than the reference. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
tischsoic
force-pushed
the
IBX-11964-app-switcher
branch
from
August 18, 2026 07:07
8b95db1 to
3910117
Compare
|
GrabowskiM
pushed a commit
to ibexa/headless
that referenced
this pull request
Aug 18, 2026
The Qntm app switcher is superseded by the native one in ibexa/admin-ui (ibexa/admin-ui#1997); the package is discontinued. Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
8 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Note
Browser tests here stay red until the related PRs merge (the CI-only
dependencies.jsonpin was removed for merge — CI was green with it, see comments). Delete theadmin-ui-assets#IBX-11964-app-switcherbranch after merging.Related PRs:
app-switchericon used here; merge first.ibexa/app-switcherpackage (the old Qntm widget) from the editions; merge after this PR.Description:
App switcher redesign. One shared Twig partial renders the app list in two places:
Escor outside click; not remembered between page loads.Two fixes to shared styles came out of this work:
.ibexa-main-headergets agap— its columns previously had no minimum spacing.html { font-size: 16px }while its owncalculateRem()divides by 14px, so every rem-based size was 14.3% too big wherever that rule won the cascade — i.e. on the login/account pages (the back office was unaffected, ids-assets loads last there). The declaration is removed, leaving the design system's 14px root authoritative. Login/account pages now render at their declared sizes, i.e. ~12.5% smaller than before (inputs 40px not 45.7, logo 250px not 285.7) — please eyeball those pages.The old Qntm widget (top-right) disappears when its package is dropped from the editions (ibexa/headless#298 + ibexa/engage#7); until then both switchers show.
For QA:
/admin/loginand the other account pages (forgot/reset password, register): dark rail with the 6 brands, Cohesivo highlighted, links open in new tabs. Everything on these pages is now ~12.5% smaller (the root font-size fix) — check nothing looks cramped or clipped.Esc, or a click outside.Cannot find module '.../design.system.provider'comes from thenew-menubase combined with product-catalog6.0.Documentation: