dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: oauth settings style improvement

Browse Source
This commit is contained in:
rusikv 2024-03-25 16:31:56 +02:00
parent 9973cc609a
commit 753bacd2dc
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui-ngx/src/app/modules/home/pages/admin/oauth2-settings.component.html
View File

@ -29,8 +29,8 @@
<div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div> <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
<mat-card-content style="padding-top: 16px;"> <mat-card-content style="padding-top: 16px;">
<form [formGroup]="oauth2SettingsForm" (ngSubmit)="save()"> <form [formGroup]="oauth2SettingsForm" (ngSubmit)="save()">
<fieldset class="fields-group" [disabled]="isLoading$ | async"> <fieldset class="tb-form-panel stroked gap-xs-12" style="margin-bottom: 16px" [disabled]="isLoading$ | async">
<div class="tb-form-row no-border column-xs"> <div class="tb-form-row no-border no-padding column-xs">
<mat-chip-listbox formControlName="enabled"> <mat-chip-listbox formControlName="enabled">
<mat-chip-option [value]="true">{{ 'admin.oauth2.enable' | translate }}</mat-chip-option> <mat-chip-option [value]="true">{{ 'admin.oauth2.enable' | translate }}</mat-chip-option>
</mat-chip-listbox> </mat-chip-listbox>
@ -38,9 +38,9 @@
<mat-chip-option [value]="true">{{ 'admin.oauth2.edge-enable' | translate }}</mat-chip-option> <mat-chip-option [value]="true">{{ 'admin.oauth2.edge-enable' | translate }}</mat-chip-option>
</mat-chip-listbox> </mat-chip-listbox>
</div> </div>
<section *ngIf="oauth2SettingsForm.get('enabled').value" style="margin-top: 1em;"> <section *ngIf="oauth2SettingsForm.get('enabled').value && oauth2ParamsInfos.controls.length">
<ng-container formArrayName="oauth2ParamsInfos"> <ng-container formArrayName="oauth2ParamsInfos">
<div class="container"> <div>
<mat-accordion multi> <mat-accordion multi>
<ng-container *ngFor="let oauth2ParamsInfo of oauth2ParamsInfos.controls; let i = index; trackBy: trackByItem"> <ng-container *ngFor="let oauth2ParamsInfo of oauth2ParamsInfos.controls; let i = index; trackBy: trackByItem">
<mat-expansion-panel [formGroupName]="i"> <mat-expansion-panel [formGroupName]="i">

15
ui-ngx/src/app/modules/home/pages/admin/oauth2-settings.component.scss
View File

@ -13,7 +13,20 @@
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
@import '../../../../../scss/constants';
:host{ :host{
.gap-xs-12 {
@media #{$mat-xs} {
gap: 12px;
}
}
.mdc-evolution-chip-set .mdc-evolution-chip {
margin-top: 0;
margin-bottom: 0;
}
.checkbox-row { .checkbox-row {
margin-top: 1em; margin-top: 1em;
} }
@ -31,7 +44,7 @@
} }
.container{ .container{
margin-bottom: 1em; margin-bottom: 16px;
.tb-highlight{ .tb-highlight{
margin: 0; margin: 0;