diff --git a/src/app/components/shared/questionwall/question-wall/question-wall.component.html b/src/app/components/shared/questionwall/question-wall/question-wall.component.html index f1af715776cb6b98b263dbcf4d62f43707f56c44..03d86ca73fa72a6206f05f9d4adb61eef609b1b8 100644 --- a/src/app/components/shared/questionwall/question-wall/question-wall.component.html +++ b/src/app/components/shared/questionwall/question-wall/question-wall.component.html @@ -244,12 +244,12 @@ </div> <ars-col [width]="50" ars-flex-box> <ars-row> - <button mat-icon-button style="margin-top:18px; transform: scale(1.8)" (click)="toggleSideList()"> - <mat-icon style="color: yellow" class="icon-color" *ngIf="sidelistExpanded" aria-describedby="side-list-off" + <button mat-icon-button style="margin-top:18px" (click)="toggleSideList($event)"> + <mat-icon class="icon-color-yellow" *ngIf="sidelistExpanded" aria-describedby="side-list-off" matTooltip="{{'question-wall.side-list-off' | translate}}"> keyboard_double_arrow_right </mat-icon> - <mat-icon style="color: yellow" class="icon-color" *ngIf="!sidelistExpanded" aria-describedby="side-list-on" + <mat-icon class="icon-color-yellow" *ngIf="!sidelistExpanded" aria-describedby="side-list-on" matTooltip="{{'question-wall.side-list-on' | translate}}"> keyboard_double_arrow_left </mat-icon> diff --git a/src/app/components/shared/questionwall/question-wall/question-wall.component.scss b/src/app/components/shared/questionwall/question-wall/question-wall.component.scss index 37ef88e712a1e2b11c8e2b3875b242a6a65a3e02..79ea5035545a64b8b83af9762ab054c67e5168bf 100644 --- a/src/app/components/shared/questionwall/question-wall/question-wall.component.scss +++ b/src/app/components/shared/questionwall/question-wall/question-wall.component.scss @@ -285,6 +285,10 @@ .icon-color { color: var(--ars-button-color); + &-yellow{ + color:yellow; + transform:scale(1.5); + } } } diff --git a/src/app/components/shared/questionwall/question-wall/question-wall.component.ts b/src/app/components/shared/questionwall/question-wall/question-wall.component.ts index a8fff53c705e39e3cbf37407450f7b021a78cdf8..7f70b62b35258f1fb8b878c0bc79bb1fbac1a5db 100644 --- a/src/app/components/shared/questionwall/question-wall/question-wall.component.ts +++ b/src/app/components/shared/questionwall/question-wall/question-wall.component.ts @@ -89,7 +89,14 @@ export class QuestionWallComponent implements OnInit, AfterViewInit, OnDestroy { } } - toggleSideList(){ + stopBubble(keyEvent:KeyboardEvent){ + keyEvent.cancelBubble=true; + } + + toggleSideList(event:MouseEvent){ + if(event.detail===0){ + return; + } this.sidelistExpanded=!this.sidelistExpanded; if(this.sidelistExpanded){ this.sidelist.setPx(450);