amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-07-14 21:04:53 +00:00
Code Issues Projects Releases Wiki Activity

fix(calendar(css)): enlarge categories color stripes

Browse Source 
Fixes #5301
This commit is contained in:
Francis Lachapelle
2021-04-21 14:12:14 -04:00
parent 66afbd2172
commit bd80b6ea75
5 changed files with 45 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/js/Scheduler/sgCalendarDayBlock.directive.js
+2 -2
View File
@@ -44,14 +44,14 @@
// Categories color stripes
' <div class="sg-category" ng-repeat="category in '+p+'block.component.categories"',
' ng-class="'+p+'(\'bg-category\' + category)"',
' ng-style="'+p+'{ right: ($index * 3) + \'px\' }"></div>',
' ng-style="'+p+'{ right: ($index * 10) + \'%\' }"></div>',
' <div class="text">',
// Priority
' <span ng-show="'+p+'block.component.c_priority" class="sg-priority">{{'+p+'block.component.c_priority}}</span>',
// Summary
' {{ '+p+'block.component.summary }}',
// Icons
' <span class="icons">',
' <span class="sg-icons">',
// Component is reccurent
' <md-icon ng-if="'+p+'block.component.occurrenceId">repeat</md-icon>',
// Component has an alarm
UI/WebServerResources/js/Scheduler/sgCalendarListEvent.directive.js
+4 -2
View File
@@ -39,12 +39,13 @@
// Categories color stripes
' <div class="sg-category" ng-repeat="category in ::component.categories"',
' ng-class="::(\'bg-category\' + category)"',
' ng-style="::{ right: ($index * 3) + \'px\' }"></div>',
' 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>',
// Summary
' {{ ::component.c_title }}',
' <span class="icons">',
' <span class="sg-icons">',
// Component is reccurent
' <md-icon ng-if="::component.occurrenceId">repeat</md-icon>',
// Component has an alarm
@@ -62,6 +63,7 @@
' <div class="secondary" ng-if="::component.c_location">',
' <md-icon>place</md-icon> <span ng-bind="::component.c_location"></span>',
' </div>',
' </div>',
'</div>'
].join('');
}
UI/WebServerResources/js/Scheduler/sgCalendarMonthEvent.directive.js
+24 -21
View File
@@ -32,28 +32,31 @@
return [
'<div class="sg-event"',
// Add a class while dragging
' ng-class="{\'sg-event--dragging\': block.dragging}"',
' ng-click="clickBlock({clickEvent: $event, clickComponent: block.component})">',
// Categories color stripes
// Add a class while dragging
' ng-class="{\'sg-event--dragging\': block.dragging}"',
' ng-click="clickBlock({clickEvent: $event, clickComponent: block.component})">',
// Categories color stripes
' <div class="sg-category" ng-repeat="category in '+p+'block.component.categories"',
' ng-class="'+p+'(\'bg-category\' + category)"',
' ng-style="'+p+'{ right: ($index * 3) + \'px\' }"></div>',
' <span class="secondary" ng-if="'+p+'(!block.component.c_isallday && block.isFirst)">{{ '+p+'block.component.startHour }}</span>',
// Priority
' <span ng-show="'+p+'block.component.c_priority" class="sg-priority">{{'+p+'block.component.c_priority}}</span>',
// Summary
' {{ '+p+'block.component.summary }}',
' <span class="icons">',
// Component is reccurent
' <md-icon ng-if="'+p+'block.component.occurrenceId">repeat</md-icon>',
// Component has an alarm
' <md-icon ng-if="'+p+'block.component.c_nextalarm">alarm</md-icon>',
// Component is confidential
' <md-icon ng-if="'+p+'block.component.c_classification == 2">visibility_off</md-icon>',
// Component is private
' <md-icon ng-if="'+p+'block.component.c_classification == 1">vpn_key</md-icon>',
' </span>',
' ng-class="'+p+'(\'bg-category\' + category)"',
' ng-style="'+p+'{ right: ($index * 10) + \'%\' }"></div>',
' <div class="text">',
// Start hour
' <span class="secondary" ng-if="'+p+'(!block.component.c_isallday && block.isFirst)">{{ '+p+'block.component.startHour }}</span>',
// Priority
' <span ng-show="'+p+'block.component.c_priority" class="sg-priority">{{'+p+'block.component.c_priority}}</span>',
// Summary
' {{ '+p+'block.component.summary }}',
' <span class="sg-icons">',
// Component is reccurent
' <md-icon ng-if="'+p+'block.component.occurrenceId">repeat</md-icon>',
// Component has an alarm
' <md-icon ng-if="'+p+'block.component.c_nextalarm">alarm</md-icon>',
// Component is confidential
' <md-icon ng-if="'+p+'block.component.c_classification == 2">visibility_off</md-icon>',
// Component is private
' <md-icon ng-if="'+p+'block.component.c_classification == 1">vpn_key</md-icon>',
' </span>',
' </div>',
'</div>'
].join('');
}