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

(js/css) Fix rendering of material icons

Browse Source
This commit is contained in:
Francis Lachapelle
2019-07-05 16:35:20 -04:00
parent d835a8165c
commit 6e040e418b
20 changed files with 79 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/js/Common/sgColorPicker.directive.js
+1 -1
View File
@@ -81,7 +81,7 @@
column += 'class="selected" ';
column += 'style="background-color: ' + currentColor + '" ng-click="$menuCtrl.setColor($event, \'' + currentColor + '\')">';
if (selected)
column += '<md-icon class="icon-check" style="color: ' + currentContrastColor + '"></md-icon>';
column += '<md-icon style="color: ' + currentContrastColor + '">check</md-icon>';
column += '</span>';
}
UI/WebServerResources/js/Scheduler/sgCalendarDayBlock.directive.js
+4 -4
View File
@@ -53,13 +53,13 @@
// Icons
' <span class="icons">',
// Component is reccurent
' <md-icon ng-if="'+p+'block.component.occurrenceId" class="material-icons icon-repeat"></md-icon>',
' <md-icon ng-if="'+p+'block.component.occurrenceId">repeat</md-icon>',
// Component has an alarm
' <md-icon ng-if="'+p+'block.component.c_nextalarm" class="material-icons icon-alarm"></md-icon>',
' <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" class="material-icons icon-visibility-off"></md-icon>',
' <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" class="material-icons icon-vpn-key"></md-icon>',
' <md-icon ng-if="'+p+'block.component.c_classification == 1">vpn_key</md-icon>',
' </span>',
// Location
' <div class="secondary" ng-if="'+p+'block.component.c_location">',
UI/WebServerResources/js/Scheduler/sgCalendarListEvent.directive.js
+4 -4
View File
@@ -46,13 +46,13 @@
' {{ ::component.c_title }}',
' <span class="icons">',
// Component is reccurent
' <md-icon ng-if="::component.occurrenceId" class="material-icons icon-repeat"></md-icon>',
' <md-icon ng-if="::component.occurrenceId">repeat</md-icon>',
// Component has an alarm
' <md-icon ng-if="::component.c_nextalarm" class="material-icons icon-alarm"></md-icon>',
' <md-icon ng-if="::component.c_nextalarm">alarm</md-icon>',
// Component is confidential
' <md-icon ng-if="::component.c_classification == 2" class="material-icons icon-visibility-off"></md-icon>',
' <md-icon ng-if="::component.c_classification == 2">visibility_off</md-icon>',
// Component is private
' <md-icon ng-if="::component.c_classification == 1" class="material-icons icon-vpn-key"></md-icon>',
' <md-icon ng-if="::component.c_classification == 1">vpn_key</md-icon>',
' </span>',
// Time
' <div class="secondary" ng-if="::!component.c_isallday">',
UI/WebServerResources/js/Scheduler/sgCalendarMonthEvent.directive.js
+4 -4
View File
@@ -46,13 +46,13 @@
' {{ '+p+'block.component.summary }}',
' <span class="icons">',
// Component is reccurent
' <md-icon ng-if="'+p+'block.component.occurrenceId" class="material-icons icon-repeat"></md-icon>',
' <md-icon ng-if="'+p+'block.component.occurrenceId">repeat</md-icon>',
// Component has an alarm
' <md-icon ng-if="'+p+'block.component.c_nextalarm" class="material-icons icon-alarm"></md-icon>',
' <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" class="material-icons icon-visibility-off"></md-icon>',
' <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" class="material-icons icon-vpn-key"></md-icon>',
' <md-icon ng-if="'+p+'block.component.c_classification == 1">vpn_key</md-icon>',
' </span>',
'</div>'
].join('');
UI/WebServerResources/scss/components/icon/icon.scss
+5 -56
View File
@@ -87,79 +87,28 @@ md-icon {
&.md-flip {
transform: scaleY(-1);
}
// &.icon-add:before {
// content: "\e317";
// }
&.icon-alarm:before {
content: "\e855";
}
&.icon-delegated:before,
&.icon-arrow-forward:before {
content: "\e5c8";
content: "arrow_forward";
}
&.icon-accepted:before,
&.icon-check:before {
content: "\e5ca";
}
&.icon-clear:before {
content: "\e14c";
}
&.icon-contacts:before {
content: "\e0ba";
}
&.icon-event:before {
content: "\e878";
}
&.icon-expand-less:before {
content: "\e5ce";
}
&.icon-expand-more:before {
content: "\e5cf";
}
&.icon-fullscreen:before {
content: "\e5d0";
}
&.icon-fullscreen-exit:before {
content: "\e5d1";
content: "check";
}
&.icon-needs-action:before,
&.icon-help:before {
content: "\e887";
content: "help";
}
&.icon-more-horiz:before {
content: "\e5d3";
}
&.icon-tentative:before,
&.icon-person:before {
content: "\e7fd";
content: "person";
}
// &.icon_public:before {
// content: "\e80b";
// }
&.icon-declined:before,
&.icon-remove-circle:before {
content: "\e15c";
}
&.icon-repeat:before {
content: "\e040";
}
&.icon-search:before {
content: "\e8b6";
}
&.icon-star:before {
content: "\e838";
}
&.icon-star-border:before {
content: "\e83a";
}
&.icon-stop:before {
content: "\e047";
}
&.icon-visibility-off:before {
content: "\e8f5";
}
&.icon-vpn-key:before {
content: "\e0da";
content: "remove_circle";
}
}