openlp/web-remote
1
0
Fork 0
mirror of https://gitlab.com/openlp/web-remote.git synced 2024-12-22 03:22:48 +00:00
Code Issues Projects Releases Wiki Activity

Update request to reflect suggestions by @ninjakiwi:

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/service/service.component.html
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-card>

2
src/app/components/slides/slides.component.html
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-text">{{ slide.text }}</div>
</mat-card>

4
src/styles.scss
View File

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