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

Rate limits styles updated

Browse Source
This commit is contained in:
deaflynx 2022-07-26 11:37:39 +03:00
parent 88599262da
commit 530deadcaf
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-details-dialog.component.html
View File

@ -26,13 +26,7 @@
</button> </button>
</mat-toolbar> </mat-toolbar>
<div mat-dialog-content> <div mat-dialog-content>
<fieldset> <tb-rate-limits-list formControlName="rateLimits"></tb-rate-limits-list>
<div fxFlex fxLayout="column">
<tb-rate-limits-list
formControlName="rateLimits">
</tb-rate-limits-list>
</div>
</fieldset>
</div> </div>
<div mat-dialog-actions fxLayoutAlign="end center"> <div mat-dialog-actions fxLayoutAlign="end center">
<button mat-button color="primary" <button mat-button color="primary"

2
ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-list.component.html
View File

@ -15,7 +15,7 @@
limitations under the License. limitations under the License.
--> -->
<section [formGroup]="rateLimitsListFormGroup"> <section class="tb-rate-limits-form" [formGroup]="rateLimitsListFormGroup">
<div fxFlex [formGroup]="rateLimit" *ngFor="let rateLimit of rateLimitsFormArray.controls; let $index = index"> <div fxFlex [formGroup]="rateLimit" *ngFor="let rateLimit of rateLimitsFormArray.controls; let $index = index">
<div class="tb-rate-limits-operation" *ngIf="$index > 0 && rateLimitsFormArray.controls.length > 1" translate> <div class="tb-rate-limits-operation" *ngIf="$index > 0 && rateLimitsFormArray.controls.length > 1" translate>
tenant-profile.rate-limits.but-less-than tenant-profile.rate-limits.but-less-than

8
ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-list.component.scss
View File

@ -13,10 +13,14 @@
* 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 {
@media screen and (min-width: 800px) { .tb-rate-limits-form {
@media #{$mat-gt-sm} {
min-width: 600px; min-width: 600px;
} }
}
.tb-rate-limits-preview { .tb-rate-limits-preview {
margin-top: 1.5em; margin-top: 1.5em;
@ -29,11 +33,13 @@
padding: 1em; padding: 1em;
} }
} }
.tb-rate-limits-operation { .tb-rate-limits-operation {
font-size: 12px; font-size: 12px;
color: rgba(0,0,0,.54); color: rgba(0,0,0,.54);
margin-bottom: 16px; margin-bottom: 16px;
} }
.tb-rate-limits-button { .tb-rate-limits-button {
margin-top: 0.5em; margin-top: 0.5em;
} }