hacklab/OASIS_MOBILE
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions 1

[0.9.1] Mobile: Personal/Community filter the home hive from any page

Browse source 
- Turn the header Personal/Community tabs into links to
  /activity?hive=personal|community, so they work on every page (they take
  you to the home and filter the hexagons), not only while already on
  /activity — no more dead buttons off the home.
- Drop the "All" tab: entering shows all 10 categories; clicking a filter
  that is already active toggles it off and shows all again.
- Filter the hive server-side (renderHiveNav reads the request filter set
  by the middleware) instead of the CSS radio-hack, and drop the now-dead
  half-filter CSS. Active tab is highlighted via the .active class.
This commit is contained in:
s1to 2026-08-04 11:46:19 +02:00
parent d5dac39bfd
commit 7f85389a88
4 changed files with 19 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/client/assets/themes/OasisMobile.css
View file

@ -83,9 +83,7 @@ body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
font-weight: bold; letter-spacing: 1px; cursor: pointer;
}
#hive-filter-all:checked ~ .header .oasis-menu-btn[for="hive-filter-all"],
#hive-filter-personal:checked ~ .header .oasis-menu-btn[for="hive-filter-personal"],
#hive-filter-community:checked ~ .header .oasis-menu-btn[for="hive-filter-community"] {
.oasis-mobile-menus .oasis-menu-btn.active {
background: #FFA500; color: #121212; border-color: #FFA500;
}
@ -192,17 +190,10 @@ body { overscroll-behavior: none; }
.main-content, .main-column, .header { overflow: visible; }
/* === Usabilidad 0.9.1: los tabs All/Personal/Community filtran el hive + desplegable FILTER === */
.hive-filter-radio { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; margin: 0; }
/* filtro por mitades: Personal oculta la mitad community, Community oculta la personal (All = todo) */
#hive-filter-personal:checked ~ .main-content .hive-nav .hex-cat.hive-half-c { display: none; }
#hive-filter-community:checked ~ .main-content .hive-nav .hex-cat.hive-half-p { display: none; }
/* también el panel de la mitad oculta si venía abierto (#content sube la especificidad para ganar al reveal de 2 IDs, sin !important) */
#hive-filter-personal:checked ~ .main-content #content .hive-panel.hive-half-c { display: none; }
#hive-filter-community:checked ~ .main-content #content .hive-panel.hive-half-p { display: none; }
/* === Usabilidad 0.9.1: Personal/Community filtran el hive server-side (enlaces ?hive=) + desplegable FILTER === */
/* desplegable FILTER de la ristra de filtros de Activity (oculto por defecto) */
.activity-filter-toggle { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; margin: 0; }
.activity-filter-btn {
display: flex; align-items: center; justify-content: center; gap: 8px;
width: 100%; min-height: 44px; margin: 4px 0 8px; padding: 10px 12px;