Update request to reflect suggestions by @ninjakiwi:

Added class for no-select in styles.  Added reference to class in slides.component.html and service.component.html as I believe you would never need to select the text in the remote controller here
This commit is contained in:
Martin Price 2021-03-31 00:36:07 +00:00 committed by Raoul Snyman
parent cdf03beb45
commit 9286f039af
3 changed files with 6 additions and 2 deletions

View File

@ -1,3 +1,3 @@
<mat-card *ngFor="let item of items; let counter = index;" (click)="onItemSelected(item)" [tabindex]="item.id" class="service-item"> <mat-card *ngFor="let item of items; let counter = index;" (click)="onItemSelected(item)" [tabindex]="item.id" class="service-item no-select">
<mat-icon>{{ getIcon(item) }}</mat-icon> {{ item.title }} <mat-icon>{{ getIcon(item) }}</mat-icon> {{ item.title }}
</mat-card> </mat-card>

View File

@ -1,4 +1,4 @@
<mat-card mat-list-item *ngFor="let slide of slides; let counter = index;" (click)="onSlideSelected(counter)" [class.selected]="slide.selected"> <mat-card class="no-select" mat-list-item *ngFor="let slide of slides; let counter = index;" (click)="onSlideSelected(counter)" [class.selected]="slide.selected">
<div class="verse-tag">{{ slide.tag }}</div> <div class="verse-tag">{{ slide.tag }}</div>
<div class="verse-text">{{ slide.text }}</div> <div class="verse-text">{{ slide.text }}</div>
</mat-card> </mat-card>

View File

@ -99,3 +99,7 @@ footer {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.no-select {
user-select: none;
}