/* * ABDD Messages — Stage 4.4 portal bridge * ABDD-STAGE-4-4 * * Product decision * ---------------- * ABDD Community is the primary portal. Messages is one application inside * that portal, so desktop navigation mirrors the Community destinations and * uses the same canonical ABDD logo rather than a Messages-only monogram. * * Functional boundary * ------------------- * Portal anchors are ordinary links. Element-owned Matrix utilities remain * native controls. No room/message/authentication state is reimplemented. */ @media (min-width: 1181px) { /* ================================================================ LEFT — CANONICAL ABDD LOGO ================================================================ */ body.abdd-messages .abdd-global-brand-mark { position: relative !important; width: 44px !important; height: 44px !important; flex: 0 0 44px !important; overflow: hidden !important; display: grid !important; place-items: center !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; color: var(--abdd-gold) !important; } body.abdd-messages .abdd-global-brand-logo { display: block !important; width: 42px !important; height: 42px !important; max-width: 42px !important; max-height: 42px !important; object-fit: contain !important; border-radius: 999px !important; } body.abdd-messages .abdd-global-brand-fallback { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--abdd-gold); border-radius: 999px; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1; } body.abdd-messages .abdd-global-brand:hover .abdd-global-brand-mark, body.abdd-messages .abdd-global-brand:focus-visible .abdd-global-brand-mark { background: rgba(244, 239, 231, 0.08) !important; } /* ================================================================ CENTER — SHARED ABDD PORTAL NAVIGATION 5 equal destinations: Salon / Membres / Communautés / Événements / Messages. Labels remain available for hover/accessibility; desktop keeps the same icon-first grammar as ABDD Community. ================================================================ */ body.abdd-messages .abdd-portal-navigation { grid-column: 2 !important; grid-row: 1 !important; align-self: stretch !important; justify-self: stretch !important; width: 100% !important; max-width: 700px !important; height: 100% !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; align-items: stretch !important; justify-content: center !important; gap: 4px !important; } body.abdd-messages .abdd-portal-nav-link { position: relative !important; flex: 1 1 0 !important; min-width: 68px !important; max-width: 125px !important; height: 48px !important; margin: 4px 0 !important; padding: 0 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: var(--abdd-ivory) !important; text-decoration: none !important; box-sizing: border-box !important; transition: background-color 0.15s ease, color 0.15s ease !important; } body.abdd-messages .abdd-portal-nav-link:hover, body.abdd-messages .abdd-portal-nav-link:focus-visible { background: rgba(244, 239, 231, 0.1) !important; color: #ffffff !important; text-decoration: none !important; } body.abdd-messages .abdd-portal-nav-link:focus-visible { outline: 2px solid var(--abdd-gold-light) !important; outline-offset: -2px !important; } body.abdd-messages .abdd-portal-nav-icon { width: 24px !important; height: 24px !important; display: grid !important; place-items: center !important; flex: 0 0 24px !important; } body.abdd-messages .abdd-portal-nav-icon svg { width: 23px !important; height: 23px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } body.abdd-messages .abdd-portal-nav-label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* Messages is the active ABDD application. */ body.abdd-messages .abdd-portal-nav-link[aria-current="page"] { background: rgba(184, 154, 103, 0.1) !important; color: var(--abdd-gold-light) !important; } body.abdd-messages .abdd-portal-nav-link[aria-current="page"]::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: -4px; height: 3px; border-radius: 3px 3px 0 0; background: var(--abdd-gold) !important; } /* ================================================================ RIGHT — MATRIX-SPECIFIC UTILITIES Stage 4.3 used Element Home/Spaces as the primary center navigation. Stage 4.4 gives that role to the shared ABDD portal. The native Home item is therefore redundant and hidden on desktop only. Other Matrix spaces and Create Space remain available as compact utilities in the right lane. ================================================================ */ body.abdd-messages .abdd-global-nav .abdd-nav-primary, body.abdd-messages .abdd-global-nav .mx_SpaceTreeLevel { grid-column: 3 !important; grid-row: 1 !important; justify-self: start !important; align-self: center !important; width: auto !important; max-width: 142px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex: 0 1 auto !important; align-items: center !important; justify-content: flex-start !important; gap: 4px !important; overflow: hidden !important; } /* Portal Messages replaces Element's duplicate Home destination. */ body.abdd-messages .abdd-global-nav .mx_SpaceTreeLevel > .mx_SpaceItem:first-child { display: none !important; } body.abdd-messages .abdd-global-nav .mx_SpaceTreeLevel > .mx_SpaceItem:not(:first-child) { display: flex !important; flex: 0 0 40px !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; margin: 0 !important; } body.abdd-messages .abdd-global-nav .mx_SpaceTreeLevel > .mx_SpaceItem:not(:first-child) .mx_SpaceButton, body.abdd-messages .abdd-global-nav .mx_SpaceTreeLevel > .mx_SpaceItem_new .mx_SpaceButton_new { width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(244, 239, 231, 0.08) !important; border-radius: 999px !important; background: rgba(244, 239, 231, 0.1) !important; } body.abdd-messages .abdd-global-nav .mx_SpaceTreeLevel > .mx_SpaceItem:not(:first-child) .mx_SpaceButton::after { display: none !important; } /* Keep enough room between optional Matrix spaces and the fixed utility cluster (Threads / Settings / profile) at the right edge. */ body.abdd-messages .abdd-global-nav .abdd-nav-threads, body.abdd-messages .abdd-global-nav .mx_ThreadsActivityCentreButton { margin-right: 96px !important; } body.abdd-messages .abdd-global-nav .abdd-nav-settings, body.abdd-messages .abdd-global-nav .mx_QuickSettingsButton { margin-right: 48px !important; } body.abdd-messages .abdd-global-nav .abdd-nav-user, body.abdd-messages .abdd-global-nav > .mx_UserMenu { margin-right: 0 !important; } }