Add breadcrumbs to Rainbow Pool pages
This commit is contained in:
parent
4fa80d33cc
commit
39e5ca59c4
5 changed files with 53 additions and 1 deletions
18
app/assets/stylesheets/application/breadcrumbs.sass
Normal file
18
app/assets/stylesheets/application/breadcrumbs.sass
Normal 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: "+"
|
|
@ -1,3 +1,6 @@
|
|||
#title
|
||||
margin-bottom: .125em
|
||||
|
||||
outfit-viewer
|
||||
margin: 0 auto
|
||||
|
||||
|
|
|
@ -1,5 +1,8 @@
|
|||
@import "../partials/clean/constants"
|
||||
|
||||
#title
|
||||
margin-bottom: .125em
|
||||
|
||||
.pet-states
|
||||
list-style-type: none
|
||||
display: flex
|
||||
|
|
|
@ -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
|
||||
|
||||
%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
|
||||
|
||||
%dl
|
||||
|
@ -28,6 +42,7 @@
|
|||
✅ Not marked as Glitched
|
||||
|
||||
- content_for :stylesheets do
|
||||
= stylesheet_link_tag "application/breadcrumbs"
|
||||
= stylesheet_link_tag "application/hanger-spinner"
|
||||
= stylesheet_link_tag "application/outfit-viewer"
|
||||
= stylesheet_link_tag "pet_states/show"
|
||||
|
|
|
@ -1,6 +1,18 @@
|
|||
- title "#{@pet_type.human_name}"
|
||||
- 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
|
||||
= render @pet_states[:canonical]
|
||||
|
||||
|
@ -11,6 +23,7 @@
|
|||
= render @pet_states[:other]
|
||||
|
||||
- content_for :stylesheets do
|
||||
= stylesheet_link_tag "application/breadcrumbs"
|
||||
= stylesheet_link_tag "application/hanger-spinner"
|
||||
= stylesheet_link_tag "application/outfit-viewer"
|
||||
= stylesheet_link_tag "pet_types/show"
|
||||
|
|
Loading…
Reference in a new issue