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

Refactoring css style

Browse Source
This commit is contained in:
Kalutka Zhenya 2022-10-25 12:07:15 +03:00
parent dcfece71d1
commit d330def880
2 changed files with 5 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui-ngx/src/app/shared/components/markdown-editor.component.html
View File

@ -21,11 +21,11 @@
<label class="tb-title no-padding" [ngClass]="{'tb-error': !disabled && required && !markdownValue, 'tb-required': !disabled && required}">{{ label }}</label> <label class="tb-title no-padding" [ngClass]="{'tb-error': !disabled && required && !markdownValue, 'tb-required': !disabled && required}">{{ label }}</label>
<span fxFlex></span> <span fxFlex></span>
<button [fxShow]="!editorMode" <button [fxShow]="!editorMode"
class="edit-toggle" class="panel-button"
type="button" type="button"
mat-button (click)="toggleEditMode()">{{ 'markdown.edit' | translate }}</button> mat-button (click)="toggleEditMode()">{{ 'markdown.edit' | translate }}</button>
<button [fxShow]="editorMode" <button [fxShow]="editorMode"
class="edit-toggle" class="panel-button"
type="button" type="button"
mat-button (click)="toggleEditMode()">{{ 'markdown.preview' | translate }}</button> mat-button (click)="toggleEditMode()">{{ 'markdown.preview' | translate }}</button>
<div *ngIf = "helpId" [tb-help-popup]="helpId"></div> <div *ngIf = "helpId" [tb-help-popup]="helpId"></div>
@ -34,7 +34,7 @@
matTooltipPosition="above" matTooltipPosition="above"
style="border-radius: 50%" style="border-radius: 50%"
(click)="fullscreen = !fullscreen"> (click)="fullscreen = !fullscreen">
<button type='button' mat-button mat-icon-button class="tb-mat-32"> <button type='button' mat-button mat-icon-button class="tb-mat-32 panel-button">
<mat-icon class="material-icons">{{ fullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon> <mat-icon class="material-icons">{{ fullscreen ? 'fullscreen_exit' : 'fullscreen' }}</mat-icon>
</button> </button>
</div> </div>

16
ui-ngx/src/app/shared/components/markdown-editor.component.scss
View File

@ -58,17 +58,7 @@
overflow: auto; overflow: auto;
height: 100%; height: 100%;
} }
button.edit-toggle { button.panel-button {
min-width: 32px;
min-height: 15px;
padding: 4px;
margin-right: 4px;
font-size: .8rem;
line-height: 15px;
color: #7b7b7b;
background: rgba(220, 220, 220, .35);
}
button.mat-button, button.mat-icon-button, button.mat-icon-button.tb-mat-32 {
background: rgba(220, 220, 220, .35); background: rgba(220, 220, 220, .35);
align-items: center; align-items: center;
vertical-align: middle; vertical-align: middle;
@ -77,8 +67,6 @@
padding: 4px; padding: 4px;
font-size: .8rem; font-size: .8rem;
line-height: 15px; line-height: 15px;
&:not(.tb-help-popup-button) { color: #7b7b7b;
color: #7b7b7b;
}
} }
} }