add: better mobile ui for timeline pages
add: rename button classes (quaternary->lowered, tertiary->raised)
This commit is contained in:
parent
7bfb113b1f
commit
0dede99682
42 changed files with 272 additions and 177 deletions
|
@ -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 -%}")
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue