Add breadcrumbs to Rainbow Pool pages

This commit is contained in:
Emi Matchu 2024-09-27 20:01:07 -07:00
parent 4fa80d33cc
commit 39e5ca59c4
5 changed files with 53 additions and 1 deletions

View file

@ -0,0 +1,18 @@
.breadcrumbs
list-style-type: none
display: flex
flex-direction: row
margin-block: .5em
font-size: .85em
li
display: flex
li:not(:first-child)
&::before
margin-inline: .35em
content: ""
&[data-joined-with-prev]
&::before
content: "+"

View file

@ -1,3 +1,6 @@
#title
margin-bottom: .125em
outfit-viewer outfit-viewer
margin: 0 auto margin: 0 auto

View file

@ -1,5 +1,8 @@
@import "../partials/clean/constants" @import "../partials/clean/constants"
#title
margin-bottom: .125em
.pet-states .pet-states
list-style-type: none list-style-type: none
display: flex display: flex

View file

@ -1,6 +1,20 @@
- title "#{@pet_type.human_name}: #{pose_name @pet_state.pose} [\##{@pet_state.id}]" - title "#{@pet_type.human_name}: #{pose_name @pet_state.pose}"
- use_responsive_design - use_responsive_design
%ol.breadcrumbs
%li
= link_to "Rainbow Pool", pet_types_path
%li
= link_to @pet_type.color.human_name,
pet_types_path(color: @pet_type.color.human_name)
%li{"data-joined-with-prev": true}
= link_to @pet_type.species.human_name,
pet_types_path(species: @pet_type.species.human_name)
%li
= link_to "Forms", @pet_type
%li
Form ##{@pet_state.id}
= outfit_viewer pet_state: @pet_state = outfit_viewer pet_state: @pet_state
%dl %dl
@ -28,6 +42,7 @@
✅ Not marked as Glitched ✅ Not marked as Glitched
- content_for :stylesheets do - content_for :stylesheets do
= stylesheet_link_tag "application/breadcrumbs"
= stylesheet_link_tag "application/hanger-spinner" = stylesheet_link_tag "application/hanger-spinner"
= stylesheet_link_tag "application/outfit-viewer" = stylesheet_link_tag "application/outfit-viewer"
= stylesheet_link_tag "pet_states/show" = stylesheet_link_tag "pet_states/show"

View file

@ -1,6 +1,18 @@
- title "#{@pet_type.human_name}" - title "#{@pet_type.human_name}"
- use_responsive_design - use_responsive_design
%ol.breadcrumbs
%li
= link_to "Rainbow Pool", pet_types_path
%li
= link_to @pet_type.color.human_name,
pet_types_path(color: @pet_type.color.human_name)
%li{"data-joined-with-prev": true}
= link_to @pet_type.species.human_name,
pet_types_path(species: @pet_type.species.human_name)
%li
Forms
%ul.pet-states %ul.pet-states
= render @pet_states[:canonical] = render @pet_states[:canonical]
@ -11,6 +23,7 @@
= render @pet_states[:other] = render @pet_states[:other]
- content_for :stylesheets do - content_for :stylesheets do
= stylesheet_link_tag "application/breadcrumbs"
= stylesheet_link_tag "application/hanger-spinner" = stylesheet_link_tag "application/hanger-spinner"
= stylesheet_link_tag "application/outfit-viewer" = stylesheet_link_tag "application/outfit-viewer"
= stylesheet_link_tag "pet_types/show" = stylesheet_link_tag "pet_types/show"