Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-07 16:37:02 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improved Message Tags UX #419

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

10
dev/Styles/User/MessageView.less
View file

@ -97,8 +97,16 @@ html.rl-no-preview-pane {
.messageTags { .messageTags {
margin-top: 6px; 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; border: 1px solid #808080;
padding: 2px; padding: 2px;
} }

2
snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
View file

@ -194,7 +194,7 @@
<!-- ko if: tagsAllowed --> <!-- ko if: tagsAllowed -->
<div class="messageTags"> <div class="messageTags">
<span data-i18n="MESSAGE/TAGS"></span>: <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"> <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> <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"> <menu class="dropdown-menu right-edge" role="menu" aria-labelledby="tags-dropdown-id">