Browse Source
Merge pull request #11512 from vvlladd28/improvement/dashboard/breakpoint-selector-style
Improved style for select dashboard breakpoint
pull/11592/head
Igor Kulikov
2 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with
3 additions and
3 deletions
-
ui-ngx/src/app/modules/home/components/dashboard-page/layout/add-new-breakpoint-dialog.component.html
-
ui-ngx/src/app/modules/home/components/dashboard-page/layout/select-dashboard-breakpoint.component.html
|
|
|
@ -30,7 +30,7 @@ |
|
|
|
<mat-label translate>layout.breakpoint</mat-label> |
|
|
|
<mat-select formControlName="newBreakpointId" [hideSingleSelectionIndicator]="false"> |
|
|
|
<mat-select-trigger>{{ getName(this.addBreakpointFormGroup.get('newBreakpointId').value) }}</mat-select-trigger> |
|
|
|
<mat-option *ngFor="let breakpoint of allowBreakpointIds" [value]="breakpoint"> |
|
|
|
<mat-option *ngFor="let breakpoint of allowBreakpointIds" [value]="breakpoint" style="min-height:56px;"> |
|
|
|
<mat-icon><tb-icon>{{ getIcon(breakpoint) }}</tb-icon></mat-icon> |
|
|
|
<div>{{ getName(breakpoint) }}</div> |
|
|
|
<div style="font-size: 12px;letter-spacing: 0.4px;color: #9e9e9e;">{{ getSizeDescription(breakpoint) }}</div> |
|
|
|
@ -41,7 +41,7 @@ |
|
|
|
<mat-label translate>layout.copy-from</mat-label> |
|
|
|
<mat-select formControlName="copyFrom" [hideSingleSelectionIndicator]="false"> |
|
|
|
<mat-select-trigger>{{ getName(this.addBreakpointFormGroup.get('copyFrom').value) }}</mat-select-trigger> |
|
|
|
<mat-option *ngFor="let breakpoint of selectedBreakpointIds" [value]="breakpoint"> |
|
|
|
<mat-option *ngFor="let breakpoint of selectedBreakpointIds" [value]="breakpoint" style="min-height:56px;"> |
|
|
|
<mat-icon><tb-icon>{{ getIcon(breakpoint) }}</tb-icon></mat-icon> |
|
|
|
<div>{{ getName(breakpoint) }}</div> |
|
|
|
<div style="font-size: 12px;letter-spacing: 0.4px;color: #9e9e9e;">{{ getSizeDescription(breakpoint) }}</div> |
|
|
|
|
|
|
|
@ -21,7 +21,7 @@ |
|
|
|
[(ngModel)]="selectedBreakpoint" |
|
|
|
(ngModelChange)="selectLayoutChanged()"> |
|
|
|
<mat-select-trigger>{{ getName(selectedBreakpoint) }}</mat-select-trigger> |
|
|
|
<mat-option *ngFor="let breakpointId of breakpointIds" [value]="breakpointId"> |
|
|
|
<mat-option *ngFor="let breakpointId of breakpointIds" [value]="breakpointId" style="min-height:56px;"> |
|
|
|
<mat-icon><tb-icon>{{ getIcon(breakpointId) }}</tb-icon></mat-icon> |
|
|
|
<div>{{ getName(breakpointId) }}</div> |
|
|
|
<div style="font-size: 12px;letter-spacing: 0.4px;color: #9e9e9e;">{{ getSizeDescription(breakpointId) }}</div> |
|
|
|
|
