raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-14 04:04:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add a vertical scrolling

Browse Source
This commit is contained in:
Jean-Baptiste Bellet
2022-09-27 16:34:07 +02:00
parent b4e041c7e9
commit 157bdd9f3d
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/components/multiple_checked_select_component/multiple_checked_select_component.html.haml
View File

@@ -6,10 +6,11 @@
%div.filter %div.filter
%input{ type: "text", "data-multiple-checked-select-target": "filter", placeholder: @filter_placeholder } %input{ type: "text", "data-multiple-checked-select-target": "filter", placeholder: @filter_placeholder }
%hr %hr
- @options.each do |option| %div.menu_items
- classes = @selected.include?(option[1]) ? "selected" : "" - @options.each do |option|
%div.menu_item{ class: classes, "data-multiple-checked-select-target": "option", "data-value": option[1], "data-label": option[0] } - classes = @selected.include?(option[1]) ? "selected" : ""
%span.check %div.menu_item{ class: classes, "data-multiple-checked-select-target": "option", "data-value": option[1], "data-label": option[0] }
%span.name{id: option[1]} %span.check
= option[0] %span.name{id: option[1]}
= option[0]
%div{style: "display: none;", "data-multiple-checked-select-target": "inputs"} %div{style: "display: none;", "data-multiple-checked-select-target": "inputs"}

5
app/webpacker/css/admin/dropdown.scss
View File

@@ -98,6 +98,11 @@
.menu { .menu {
width: 100%; width: 100%;
} }
.menu_items {
max-height: 200px;
overflow-y: scroll;
}
} }
position: relative; position: relative;