Commit b1dd779532b4a9657379b3c7b673470a74a643fb

Authored by Vladyslav_Prykhodko
1 parent 3cc9ad50

UI: Added to js/JSON editor always working fullscreen button (include fieldset tag disabled)

... ... @@ -24,12 +24,16 @@
24 24 <button type='button' *ngIf="!disabled" mat-button class="tidy" (click)="beautifyJs()">
25 25 {{'js-func.tidy' | translate }}
26 26 </button>
27   - <button type='button' mat-button mat-icon-button (click)="fullscreen = !fullscreen"
28   - class="tb-mat-32"
29   - matTooltip="{{(fullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
30   - matTooltipPosition="above">
31   - <mat-icon class="material-icons">{{ fullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
32   - </button>
  27 + <fieldset style="width: initial">
  28 + <div matTooltip="{{(fullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
  29 + matTooltipPosition="above"
  30 + style="border-radius: 50%"
  31 + (click)="fullscreen = !fullscreen">
  32 + <button type='button' mat-button mat-icon-button class="tb-mat-32">
  33 + <mat-icon class="material-icons">{{ fullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
  34 + </button>
  35 + </div>
  36 + </fieldset>
33 37 </div>
34 38 <div id="tb-javascript-panel" class="tb-js-func-panel" fxLayout="column" tb-toast toastTarget="{{toastTargetId}}">
35 39 <div #javascriptEditor id="tb-javascript-input" [ngClass]="{'fill-height': fillHeight}"></div>
... ...
... ... @@ -29,12 +29,16 @@
29 29 mat-button *ngIf="!readonly && !disabled" class="tidy" (click)="minifyJSON()">
30 30 {{'js-func.mini' | translate }}
31 31 </button>
32   - <button type='button' mat-button mat-icon-button (click)="fullscreen = !fullscreen"
33   - class="tb-mat-32"
34   - matTooltip="{{(fullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
35   - matTooltipPosition="above">
36   - <mat-icon class="material-icons">{{ fullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
37   - </button>
  32 + <fieldset style="width: initial">
  33 + <div matTooltip="{{(fullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
  34 + matTooltipPosition="above"
  35 + style="border-radius: 50%"
  36 + (click)="fullscreen = !fullscreen">
  37 + <button type='button' mat-button mat-icon-button class="tb-mat-32">
  38 + <mat-icon class="material-icons">{{ fullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
  39 + </button>
  40 + </div>
  41 + </fieldset>
38 42 </div>
39 43 <div id="tb-json-panel" tb-toast toastTarget="{{toastTargetId}}"
40 44 class="tb-json-content-panel" fxLayout="column">
... ...