raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +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
%input{ type: "text", "data-multiple-checked-select-target": "filter", placeholder: @filter_placeholder }
%hr
- @options.each do |option|
- classes = @selected.include?(option[1]) ? "selected" : ""
%div.menu_item{ class: classes, "data-multiple-checked-select-target": "option", "data-value": option[1], "data-label": option[0] }
%span.check
%span.name{id: option[1]}
= option[0]
%div.menu_items
- @options.each do |option|
- classes = @selected.include?(option[1]) ? "selected" : ""
%div.menu_item{ class: classes, "data-multiple-checked-select-target": "option", "data-value": option[1], "data-label": option[0] }
%span.check
%span.name{id: option[1]}
= option[0]
%div{style: "display: none;", "data-multiple-checked-select-target": "inputs"}

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

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