Adds left/right arrow navigation to all .mode-buttons on mobile.
Sections with 7+ buttons (Activity, Stats, etc.) also get a
Ver todos / Ver menos toggle to expand the full grid.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Banking, market, jobs, projects, transfers, videos, docs, audios
now on by default so hamburger panel shows Economy/Media on fresh install.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- 03_GIT_ESTADO.txt: updated with 8 new commits from this session,
full list of modified files including modules_view.js and style.css
- 05_PROXIMOS_PASOS.txt: all session 2 items marked done,
hamburger architecture section added for next session reference
- cambio_hamburger_nav.txt: new file documenting the hamburger menu
implementation (HTML structure, CSS mechanism, theming, accordion)
- 00_INDICE.txt: added entry for cambio_hamburger_nav.txt
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Import details, summary from hyperaxe
- renderPubTable converted to async, generates QR SVG per pub key
- Each row: details/summary collapsible QR panel below the key link
(same pattern as profile and tribe invite QR, no JS required)
- All three renderPubTable calls updated with await
- QR falls back silently if key is missing or generation fails
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Remove force-expand CSS: groups now start collapsed (tap to open)
- .oasis-nav-header in panel: border-radius 12px, larger padding (11px 14px),
bold font, no uppercase — looks like a proper tappable button
- Arrow rotates on expand (CSS accordion native behavior, no JS)
- Nav items indented with left border accent, 9px padding, 8px radius
- OasisMobile.css: #252500 background + FFD700 text for group buttons
- Separator line between sidebar-left and sidebar-right sections in panel
- Economy group absent: all economy modules (banking/market/jobs) are
disabled in current config — this is expected behavior by design
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- panel-quicklinks div moved from sidebar-panel into the header,
after top-bar-right, so it always visible on mobile without opening menu
- Displays as a horizontal scrollable pill-button strip below logo+hamburger
- header: flex-wrap:wrap so second row renders cleanly
- top-bar-left: flex:1 nowrap for logo+hamburger first row
- panel-quicklinks: flex:0 0 100% forces it to its own row, overflow-x:auto
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Header mobile: single row — logo (flex:1) + hamburger only.
Top-bar nav (inbox/PM/publish) and top-bar-right (tags/search) hidden.
- Add panel-quicklinks section at top of hamburger panel: Inbox, PM,
Publicar, Búsqueda as pill buttons (accessible from panel, not header).
- sidebar-left and sidebar-right inside panel: no background/border,
flat layout with only a separator line between sections.
- panel-quicklinks hidden on desktop (style.css), visible only in panel.
- OasisMobile.css: panel-quicklink theme colors added.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Wrap sidebar-left and sidebar-right in div.sidebar-panel so the
hamburger panel shows ALL navigation (Personal, Content, Economy,
Banking, Media, Network, etc.) — previously only sidebar-left was shown
- style.css: sidebar-panel uses display:contents on desktop so layout
is preserved (left|main|right) via CSS order: 1/2/3
- mobile.css: sidebar-panel is the hidden/shown drawer instead of sidebar-left
- Header layout: logo (flex:1) + hamburger share row 1, nav links
(inbox/PM/publish) wrap to row 2, top-bar-right (tags/search) row 3
- Nav groups auto-expand when panel opens (selector updated to sidebar-panel)
- OasisMobile.css: panel background selector updated
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Force all .oasis-nav-list groups open when hamburger panel is visible
so user can see all nav options without tapping each group header
- Add responsive rules for video/iframe (max-width: 100%)
- Override fixed px widths (640, 800) from hardcoded video players
- Add overflow-x: auto to info tables (block-info-table, bank-info-table, etc.)
- Fix cell word-break in info tables to prevent overflow
- Make pre/code blocks scroll horizontally instead of breaking layout
- Fix modules_view.js: replace flex-wrap:nowrap with mode-buttons class
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
main_views: viewport-fit=cover for notch/home-indicator support
OasisMobile.css: remove full mobile.css duplicate, fix aggressive div border/bg selector,
add :active feedback on buttons/links, fix user-link overflow with ellipsis,
QR colors adapted to dark theme
mobile.css: complete rewrite -
safe-area-inset padding for notch phones
filter buttons as horizontal scroll row (no more tall vertical stacks)
inhabitant photos circular with object-fit cover
post images max-height 60vh to avoid full-screen takeover
invite-log table horizontal scroll on mobile
QR lightbox overlay (CSS-only, no JS)
font-size 14px base (more readable on small screens)
:active touch feedback on all interactive elements
style.css: circular profile photos, max-height post images, button transitions,
invite-page centered layout, user-id-qr alignment
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- tribes_view: renderInvitePage now shows QR of the invite code
- invites_view: snhInvite box shows QR of pub invite code
- inhabitants_view: user profile shows QR of SSB ID (own card + profile view)
- style.css: add QR code styles
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
