OpenNeo/impress
OpenNeo/impress
1
0
Fork 1
Code Pull requests Activity

Replace closet_hangers/petpage.js with modern CSS

Browse source 
We use jQuery to basically simulate the `:has()` pseudoselector. Let's
just, use `:has()` now!
This commit is contained in:
Emi Matchu 2024-09-20 19:27:39 -07:00
parent 2ab1951e68
commit 4bc38db5aa
3 changed files with 1 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/assets/javascripts/closet_hangers/petpage.js
View file

@ -1,8 +0,0 @@
(function () {
function setChecked() {
var el = $(this);
el.closest("li").toggleClass("checked", el.is(":checked"));
}
$("#petpage-closet-lists input").click(setChecked).each(setChecked);
})();

2
app/assets/stylesheets/closet_hangers/petpage.sass
View file

@ -38,7 +38,7 @@
label label
padding: .25em .75em .25em .25em padding: .25em .75em .25em .25em
&.checked &:has(:checked)
background: $module-bg-color background: $module-bg-color
border-radius: 3px border-radius: 3px
border: 1px solid $module-border-color border: 1px solid $module-border-color

2
app/views/closet_hangers/petpage.html.haml
View file

@ -29,7 +29,5 @@
:lists_by_owned => @visible_closet_lists_by_owned, :lists_by_owned => @visible_closet_lists_by_owned,
:unlisted_hangers_by_owned => @visible_unlisted_closet_hangers_by_owned) :unlisted_hangers_by_owned => @visible_unlisted_closet_hangers_by_owned)
- content_for :javascripts_body do
= javascript_include_tag 'jquery', 'closet_hangers/petpage'
- content_for :stylesheets do - content_for :stylesheets do
= stylesheet_link_tag 'closet_hangers/petpage' = stylesheet_link_tag 'closet_hangers/petpage'