Compare commits

..

No commits in common. "f8a5ce4490f503093dc364b5971ebcb5e09bc771" and "f0257ba2d3a23125890bc550a11b105d1f145c47" have entirely different histories.

3 changed files with 9 additions and 41 deletions

View file

@ -1,21 +1,3 @@
@import "../partials/clean/constants"
.pet-filters
fieldset
display: flex
flex-direction: row
align-items: center
justify-content: center
gap: .5em
legend
display: contents
font-weight: bold
[role=navigation]
margin-block: .5em
text-align: center
.pet-types .pet-types
list-style-type: none list-style-type: none
display: flex display: flex
@ -34,22 +16,17 @@
display: block display: block
border-radius: 1em border-radius: 1em
padding: .5em padding: .5em
text-decoration: none
background: white
&:hover
outline: 1px solid $module-border-color
background: $module-bg-color
img img
width: 100% width: 100%
height: auto height: auto
aspect-ratio: 1 / 1 aspect-ratio: 1 / 1
position: relative
z-index: -1
margin-bottom: -1em margin-bottom: -1em
.name .name
background: inherit background: white
padding: .25em .5em padding: .25em .5em
border-radius: .5em border-radius: .5em
margin: 0 auto margin: 0 auto
position: relative
z-index: 1

View file

@ -18,26 +18,19 @@
display: block display: block
border-radius: 1em border-radius: 1em
padding: .5em padding: .5em
background: white
text-decoration: none
&:hover
outline: 1px solid $module-border-color
background: $module-bg-color
outfit-viewer outfit-viewer
width: 100% width: 100%
height: auto height: auto
aspect-ratio: 1 / 1 aspect-ratio: 1 / 1
position: relative position: relative
z-index: 0 z-index: -1
margin-bottom: -1em margin-bottom: -1em
.name .name
background: inherit background: white
padding: .25em .5em padding: .25em .5em
border-radius: .5em border-radius: .5em
position: relative
z-index: 1
.glitched .glitched
cursor: help cursor: help

View file

@ -1,12 +1,10 @@
- title "Rainbow Pool" - title "Rainbow Pool"
- use_responsive_design - use_responsive_design
= form_with method: :get, class: "pet-filters" do |form| = form_with method: :get do |form|
%fieldset = form.select :color, @color_names, selected: @selected_color&.human_name, include_blank: "Color…"
%legend Filter by: = form.select :species, @species_names, selected: @selected_species&.human_name, include_blank: "Species…"
= form.select :color, @color_names, selected: @selected_color&.human_name, include_blank: "Color…" = form.submit "Filter"
= form.select :species, @species_names, selected: @selected_species&.human_name, include_blank: "Species…"
= form.submit "Go"
= will_paginate @pet_types = will_paginate @pet_types