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

Re style tag to match tom select tags

Browse Source
This commit is contained in:
Gaetan Craig-Riou
2025-04-28 14:21:39 +10:00
parent 19fdfbaccb
commit 4d970af2fc
2 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/tag_list_input_component/tag_list_input_component.html.haml
View File

@@ -9,11 +9,11 @@
.tag-template
%span
%a.remove-button{ "data-action": "click->tag-list-input-component--tag-list-input#removeTag" }
✖
×
- tags.each do |tag|
%li.tag-item
.tag-template
%span=tag
%a.remove-button{ "data-action": "click->tag-list-input-component--tag-list-input#removeTag" }
✖
×
= text_field_tag "variant_add_tag_#{f.object.id}".to_sym, nil, class: "input", placeholder: placeholder, "data-action": "keydown.enter->tag-list-input-component--tag-list-input#addTag keyup->tag-list-input-component--tag-list-input#filterInput", "data-tag-list-input-component--tag-list-input-target": "newTag"

16
app/components/tag_list_input_component/tag_list_input_component.scss
View File

@@ -30,7 +30,7 @@
li.tag-item {
border-radius: 3px;
margin: 2px 0 2px 3px;
padding: 0 5px;
padding: 0 0 0 5px;
display: inline-block;
float: left;
font-size: 14px;
@@ -42,16 +42,18 @@
background-color: $teal;
.remove-button {
margin: 0 0 0 5px;
padding: 0;
border: none;
border-left: 1px solid darken($teal, 5);
margin-left: 2px;
padding: 0 6px;
background: 0 0;
cursor: pointer;
vertical-align: middle;
font:
700 16px Arial,
sans-serif;
font-size: 14px;
color: white;
&:hover {
background: rgba(0, 0, 0, 0.05);
}
}
}