amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-08-03 22:22:19 +00:00
Code Issues Projects Releases Wiki Activity

Reduce usage of calendar color in dialogs

Browse Source
This commit is contained in:
Francis Lachapelle
2019-07-08 13:04:15 -04:00
parent a0cf84fd0b
commit f2069a6129
12 changed files with 76 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox
+16 -4
View File
@@ -5,7 +5,7 @@
xmlns:const="http://www.skyrix.com/od/constant"
xmlns:label="OGo:label">
<md-dialog flex="40" flex-md="60" flex-sm="80" flex-xs="100">
<md-toolbar ng-class="::editor.component.getClassName('bg')">
<md-toolbar>
<div class="md-toolbar-tools">
<md-icon class="material-icons sg-icon-toolbar-bg">event</md-icon>
<div class="sg-md-title md-flex">
@@ -38,7 +38,11 @@
<md-menu-item>
<md-button class="sg-no-wrap"
ng-click="editor.copySelectedComponent(calendar.id)">
<span ng-bind="::calendar.name"><!-- menu entry --></span>
<div layout="row" layout-align="start center">
<div class="sg-color-chip"
ng-style="::{ 'background-color': calendar.color }"><!-- color --></div>
<div ng-bind="::calendar.name"><!-- calendar --></div>
</div>
</md-button>
</md-menu-item>
</div>
@@ -56,7 +60,11 @@
<md-button class="sg-no-wrap"
ng-disabled="editor.component.destinationCalendar == calendar.id"
ng-click="editor.moveSelectedComponent(calendar.id)">
<span ng-bind="::calendar.name"><!-- menu entry --></span>
<div layout="row" layout-align="start center">
<div class="sg-color-chip"
ng-style="::{ 'background-color': calendar.color }"><!-- color --></div>
<div ng-bind="::calendar.name"><!-- calendar --></div>
</div>
</md-button>
</md-menu-item>
</div>
@@ -96,7 +104,11 @@
<!-- calendar -->
<md-list-item>
<md-icon>event</md-icon>
<p ng-bind="::editor.component.calendar"><!-- calendar --></p>
<div layout="row" layout-align="start center">
<div class="sg-color-chip"
ng-class="::editor.component.getClassName('bg')"><!-- color --></div>
<div ng-bind="::editor.component.calendar"><!-- calendar --></div>
</div>
</md-list-item>
<!-- start/end dates -->
<md-list-item ng-class="{ 'md-2-line': editor.component.isAllDay, 'md-3-line': !editor.component.isAllDay }">