- 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>
