Commit fdd1bac9 authored by Clement Ho's avatar Clement Ho

Style author dropdown

parent f19503b0
...@@ -32,8 +32,8 @@ ...@@ -32,8 +32,8 @@
} }
itemClicked(e) { itemClicked(e) {
const token = e.detail.selected.querySelector('.dropdown-filter-hint').innerText.trim(); const token = e.detail.selected.querySelector('.js-filter-hint').innerText.trim();
const tag = e.detail.selected.querySelector('.dropdown-filter-tag').innerText.trim(); const tag = e.detail.selected.querySelector('.js-filter-tag').innerText.trim();
if (tag.length) { if (tag.length) {
gl.FilteredSearchManager.addWordToInput(this.getSelectedText(token)); gl.FilteredSearchManager.addWordToInput(this.getSelectedText(token));
......
...@@ -85,8 +85,17 @@ ...@@ -85,8 +85,17 @@
} }
} }
.dropdown-filter-tag { .dropdown-light-content {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
} }
.dropdown-user {
display: flex;
}
.dropdown-user-details {
display: flex;
flex-direction: column;
}
} }
...@@ -20,22 +20,23 @@ ...@@ -20,22 +20,23 @@
%li.filter-dropdown %li.filter-dropdown
%button.btn.btn-link %button.btn.btn-link
%i.fa{ 'class': '{{icon}}'} %i.fa{ 'class': '{{icon}}'}
%span.dropdown-filter-hint %span.js-filter-hint
{{hint}} {{hint}}
%span.dropdown-filter-tag %span.js-filter-tag.dropdown-light-content
{{tag}} {{tag}}
#js-dropdown-author.dropdown-menu{ 'data-dropdown' => true } #js-dropdown-author.dropdown-menu{ 'data-dropdown' => true }
%ul{ 'data-dynamic' => true } %ul{ 'data-dynamic' => true }
%li %li.filter-dropdown
%button.btn.btn-link %button.btn.btn-link.dropdown-user
%img.avatar.avatar-inline{ 'data-src': '{{avatar_url}}', width: '30' } %img.avatar.avatar-inline{ 'data-src': '{{avatar_url}}', width: '30' }
%strong .dropdown-user-details
{{name}}
%span %span
{{username}} {{name}}
%span.dropdown-light-content
@{{username}}
#js-dropdown-assignee.dropdown-menu{ 'data-dropdown' => true } #js-dropdown-assignee.dropdown-menu{ 'data-dropdown' => true }
%ul{ 'data-dynamic' => true } %ul{ 'data-dynamic' => true }
%li %li.filter-dropdown
%button.btn.btn-link %button.btn.btn-link
%img.avatar.avatar-inline{ 'data-src': '{{avatar_url}}', width: '30' } %img.avatar.avatar-inline{ 'data-src': '{{avatar_url}}', width: '30' }
%strong %strong
...@@ -44,12 +45,12 @@ ...@@ -44,12 +45,12 @@
{{username}} {{username}}
#js-dropdown-milestone.dropdown-menu{ 'data-dropdown' => true } #js-dropdown-milestone.dropdown-menu{ 'data-dropdown' => true }
%ul{ 'data-dynamic' => true } %ul{ 'data-dynamic' => true }
%li %li.filter-dropdown
%button.btn.btn-link %button.btn.btn-link
{{title}} {{title}}
#js-dropdown-label.dropdown-menu{ 'data-dropdown' => true } #js-dropdown-label.dropdown-menu{ 'data-dropdown' => true }
%ul{ 'data-dynamic' => true } %ul{ 'data-dynamic' => true }
%li %li.filter-dropdown
%button.btn.btn-link %button.btn.btn-link
%span.dropdown-label-box{ 'style': 'background: {{color}}'} %span.dropdown-label-box{ 'style': 'background: {{color}}'}
{{title}} {{title}}
......
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