add: better mobile ui for timeline pages

add: rename button classes (quaternary->lowered, tertiary->raised)
This commit is contained in:
trisua 2025-06-12 13:53:23 -04:00
parent 7bfb113b1f
commit 0dede99682
42 changed files with 272 additions and 177 deletions

View file

@ -109,7 +109,38 @@
(text "{%- endif %}")))
(text "{%- endmacro %}")
(text "{% macro timelines_nav(selected=\"\") -%}")
(text "{% macro timelines_nav(selected=\"\", posts=\"\", questions=\"\", secondary_selected=\"posts\") -%}")
(div
("class" "mobile_nav mobile")
; primary nav
(div
("class" "dropdown")
("style" "width: max-content")
(button
("class" "camo raised small")
("onclick" "trigger('atto::hooks::dropdown', [event])")
("exclude" "dropdown")
(icon (text "sliders-horizontal"))
(text "{{ selected }}"))
(div
("class" "inner left")
(text "{{ macros::timelines_nav_options(selected=selected) }}")))
(text "{% if posts and questions -%}")
; secondary nav
(text "{{ macros::timelines_secondary_nav(posts=posts, questions=questions, selected=secondary_selected) }}")
(text "{%- endif %}"))
(div
("class" "desktop flex flex-col gap-2")
; primary nav desktop only
(text "{{ macros::timelines_nav_options(selected=selected) }}")
; secondary nav desktop only
(text "{{ macros::timelines_secondary_nav(posts=posts, questions=questions, selected=secondary_selected) }}"))
(text "{%- endmacro %}")
(text "{% macro timelines_nav_options(selected=\"\") -%}")
(div
("class" "pillmenu {% if user -%}rows{% endif %} w-full")
(div
@ -170,13 +201,13 @@
("href" "{{ posts }}")
("class" "{% if selected == 'posts' -%}active{%- endif %}")
(icon (text "newspaper"))
(str (text "communities:label.posts")))
(span (str (text "communities:label.posts"))))
(a
("href" "{{ questions }}")
("class" "{% if selected == 'questions' -%}active{%- endif %}")
(icon (text "message-circle-heart"))
(str (text "communities:label.questions"))))
(span (str (text "communities:label.questions")))))
(text "{%- endif %} {%- endmacro %}")
(text "{% macro community_nav(community, selected=\"\") -%} {% if community.context.enable_questions -%}")