chore: add dyslexia font icon

telerik · Sep 20, 2024 · d368bf5 · d368bf5
1 parent 6f25fca
commit d368bf5
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/...standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html b/...standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html
@@ -25,7 +25,7 @@
             <kendo-label text="Font:"></kendo-label>
             <kendo-buttongroup selection="single">
                 <button kendoButton size="large" [svgIcon]="fontIcon" (click)="settingChange('font', 'legible')" [selected]="font === 'legible'">Legible Font</button>
-                <button kendoButton size="large" (click)="settingChange('font', 'dyslexia')" [selected]="font === 'dyslexia'">Dyslexia Font</button>
+                <button kendoButton size="large" [svgIcon]="dyslexiaFontIcon" (click)="settingChange('font', 'dyslexia')" [selected]="font === 'dyslexia'">Dyslexia Font</button>
             </kendo-buttongroup>
         </kendo-formfield>
 

diff --git a/...s-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.ts b/...s-standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.ts
@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { SettingsService } from './settings.service';
 import { groupBy } from '@progress/kendo-data-query';
 import { SVGIcon, arrowRotateCcwIcon, fontFamilyIcon, imageResizeIcon, pauseSmIcon, underlineIcon } from '@progress/kendo-svg-icons';
-import { contrastIcon, darkModeIcon, microphoneIcon } from './svg-icons';
+import { contrastIcon, darkModeIcon, dyslexiaFontIcon, microphoneIcon } from './svg-icons';
 
 @Component({
     selector: 'app-settings-list-component',
@@ -80,6 +80,7 @@ export class SettingsListComponent {
     public underlineIcon: SVGIcon = underlineIcon;
     public pauseIcon: SVGIcon = pauseSmIcon;
     public resizeIcon: SVGIcon = imageResizeIcon;
+    public dyslexiaFontIcon: SVGIcon = dyslexiaFontIcon;
 
     constructor(private settingsService: SettingsService) { }
 

diff --git a/examples-standalone/coffee-warehouse/src/app/components/settings-list/svg-icons.ts b/examples-standalone/coffee-warehouse/src/app/components/settings-list/svg-icons.ts
@@ -15,3 +15,9 @@ export const contrastIcon = {
     content: `<path d="M8.50001 14.6666C12.18 14.6666 15.1667 11.68 15.1667 7.99998C15.1667 4.31998 12.18 1.33331 8.50001 1.33331C4.82001 1.33331 1.83334 4.31998 1.83334 7.99998C1.83334 11.68 4.82001 14.6666 8.50001 14.6666ZM9.16668 2.71331C11.7933 3.03998 13.8333 5.27998 13.8333 7.99998C13.8333 10.72 11.8 12.96 9.16668 13.2866V2.71331Z"/>`,
     viewBox: "0 0 16 16"
 };
+
+export const dyslexiaFontIcon = {
+    name: "dyslexiaFontIcon",
+    content: `<path d="M4.64653 21V3.504H9.51853C16.3105 3.504 19.3585 6.24 19.3585 12.24C19.3585 18.264 16.2625 21 9.51853 21H4.64653ZM7.14253 5.448V16.584H9.99853C14.8225 16.584 16.5745 15.576 16.9345 12C16.9345 7.632 14.8225 5.448 9.99853 5.448H7.14253Z" />`,
+    viewBox: "0 0 24 24"
+};