Theme for mat icons updated

This commit is contained in:
Piotr Pekala
2019-11-26 08:06:07 -08:00
parent 49b669819d
commit 919e5fb44b
7 changed files with 37 additions and 24 deletions

View File

@ -2,9 +2,8 @@
matTooltip="Add a note"
mat-icon-button
class="menu-button"
[color]="drawTools.isTextChosen ? 'primary' : 'basic'"
(click)="addDrawing('text')">
<mat-icon>create</mat-icon>
<mat-icon [ngClass]="{unmarked: !drawTools.isTextChosen, marked: drawTools.isTextChosen}">create</mat-icon>
</button>
<input
type="file"
@ -17,23 +16,21 @@
mat-icon-button
class="menu-button"
(click)="file.click()">
<mat-icon>image</mat-icon>
<mat-icon class="unmarked">image</mat-icon>
</button>
<button
matTooltip="Draw a rectangle"
mat-icon-button
class="menu-button"
[color]="drawTools.isRectangleChosen ? 'primary' : 'basic'"
(click)="addDrawing('rectangle')">
<mat-icon>crop_3_2</mat-icon>
<mat-icon [ngClass]="{unmarked: !drawTools.isRectangleChosen, marked: drawTools.isRectangleChosen}">crop_3_2</mat-icon>
</button>
<button
matTooltip="Draw an ellipse"
mat-icon-button
class="menu-button"
[color]="drawTools.isEllipseChosen ? 'primary' : 'basic'"
(click)="addDrawing('ellipse')">
<mat-icon>panorama_fish_eye</mat-icon>
<mat-icon [ngClass]="{unmarked: !drawTools.isEllipseChosen, marked: drawTools.isEllipseChosen}">panorama_fish_eye</mat-icon>
</button>
<button
matTooltip="Draw a line"
@ -53,9 +50,8 @@
matTooltip="Lock or unlock all items"
mat-icon-button
class="menu-button"
[color]="isLocked ? 'primary' : 'basic'"
(click)="changeLockValue()">
<mat-icon>lock</mat-icon>
<mat-icon [ngClass]="{unmarked: !isLocked, marked: isLocked}">lock</mat-icon>
</button>
<button
matTooltip="Take a screenshot"
@ -63,7 +59,7 @@
class="menu-button"
(click)="takeScreenshot()"
>
<mat-icon>photo_camera</mat-icon>
<mat-icon class="unmarked">photo_camera</mat-icon>
</button>
<app-drawing-added
[server]="server"