Commit f19503b0 authored by Clement Ho's avatar Clement Ho

Style hint dropdown

parent 2edaabfe
......@@ -32,8 +32,8 @@
}
itemClicked(e) {
const token = e.detail.selected.querySelector('.js-filter-hint').innerText.trim();
const tag = e.detail.selected.querySelector('.js-filter-tag').innerText.trim();
const token = e.detail.selected.querySelector('.dropdown-filter-hint').innerText.trim();
const tag = e.detail.selected.querySelector('.dropdown-filter-tag').innerText.trim();
if (tag.length) {
gl.FilteredSearchManager.addWordToInput(this.getSelectedText(token));
......
......@@ -68,3 +68,25 @@
}
}
}
.dropdown-menu .filter-dropdown {
padding: 0;
}
.filter-dropdown {
.btn {
border: none;
width: 100%;
text-align: left;
padding: 8px 16px;
&:hover {
text-decoration: none;
}
}
.dropdown-filter-tag {
font-size: 14px;
font-weight: 400;
}
}
......@@ -17,12 +17,12 @@
%button.clear-search.hidden{ type: 'button' }
= icon('times')
%ul#js-dropdown-hint.dropdown-menu{ 'data-dynamic' => true }
%li
%li.filter-dropdown
%button.btn.btn-link
%i.fa{ 'class': '{{icon}}'}
%span.js-filter-hint
%span.dropdown-filter-hint
{{hint}}
%span.js-filter-tag
%span.dropdown-filter-tag
{{tag}}
#js-dropdown-author.dropdown-menu{ 'data-dropdown' => true }
%ul{ 'data-dynamic' => true }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment