fix(css): improve display of category colors (Calendar & Mail)

In the list view, we now use color dots instead of stripes.

Fixes #5337
This commit is contained in:
Francis Lachapelle
2021-06-07 15:03:39 -04:00
parent 54548c550f
commit 322226bd81
5 changed files with 33 additions and 10 deletions
@@ -36,13 +36,14 @@
return [
'<div class="sg-event"',
' ng-click="clickComponent({clickEvent: $event, clickComponent: component})">',
// Categories color stripes
' <div class="sg-category" ng-repeat="category in ::component.categories"',
' ng-class="::(\'bg-category\' + category)"',
' ng-style="::{ right: ($index * 10) + \'%\' }"></div>',
' <div class="text">',
// Priority
' <span ng-show="::component.c_priority" class="sg-priority" ng-bind="::component.c_priority"></span>',
// Categories color dots
' <div class="sg-category-dot-container">',
' <div class="sg-category-dot" ng-repeat="category in ::component.categories"',
' ng-class="::(\'bg-category\' + category)"></div>',
' </div>',
// Summary
' {{ ::component.c_title }}',
' <span class="sg-icons">',