Improved Message Tags UX #419

This commit is contained in:
the-djmaze 2022-10-06 11:04:10 +02:00
parent 2defb7ec35
commit 2fd4a47b33
2 changed files with 10 additions and 2 deletions

View file

@ -97,8 +97,16 @@ html.rl-no-preview-pane {
.messageTags {
margin-top: 6px;
align-items: baseline;
display: flex;
}
.messageTags span span {
.messageTags > * {
flex: 0 0 0;
}
.messageAssignedTags {
flex: 1 0 0;
}
.messageAssignedTags span {
border: 1px solid #808080;
padding: 2px;
}

View file

@ -194,7 +194,7 @@
<!-- ko if: tagsAllowed -->
<div class="messageTags">
<span data-i18n="MESSAGE/TAGS"></span>:
<span data-bind="html: message().tagsToHTML()"></span>
<span class="messageAssignedTags" data-bind="html: message().tagsToHTML()"></span>
<div class="btn-group" data-bind="registerBootstrapDropdown: true" style="display: inline-block">
<a class="btn btn-thin btn-transparent dropdown-toggle fontastic" id="tags-dropdown-id" href="#" tabindex="-1"></a>
<menu class="dropdown-menu right-edge" role="menu" aria-labelledby="tags-dropdown-id">