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
|
outfit-viewer
|
||||||
margin: 0 auto
|
margin: 0 auto
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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"
|
||||||
|
|
Loading…
Reference in a new issue