Widen schema compare dialog dropdowns and textboxes (#5563)

* widen dialog dropdowns and textboxes

* change padding

* add min-width for labels to match connection pane
This commit is contained in:
kisantia
2019-05-22 11:55:12 -07:00
committed by GitHub
parent 65e59dc57d
commit ef2bbce34b
3 changed files with 25 additions and 9 deletions

View File

@@ -50,7 +50,7 @@ class FormItem {
<div class="form-row" *ngIf="isFormComponent(item)" [style.height]="getRowHeight(item)">
<ng-container *ngIf="isHorizontal(item)">
<div class="form-cell" [style.font-size]="getItemTitleFontSize(item)" [ngClass]="{'form-group-item': isInGroup(item)}">
<div *ngIf="hasItemTitle(item)" class="form-cell form-cell-title" [style.font-size]="getItemTitleFontSize(item)" [ngClass]="{'form-group-item': isInGroup(item)}">
{{getItemTitle(item)}}<span class="form-required" *ngIf="isItemRequired(item)">*</span>
<span class="icon help form-info" *ngIf="itemHasInfo(item)" [title]="getItemInfo(item)"></span>
</div>
@@ -175,6 +175,10 @@ export default class FormContainer extends ContainerBase<FormItemLayout> impleme
return itemConfig ? itemConfig.title : '';
}
private hasItemTitle(item: FormItem): boolean {
return this.getItemTitle(item) !== '';
}
private getItemTitleFontSize(item: FormItem): string {
let defaultFontSize = '14px';
if (this.isInGroup(item)) {

View File

@@ -32,6 +32,10 @@
display: table-cell;
}
.form-cell-title {
min-width: 129px; /* 129px + 5px padding right = 134px to match the connection pane label widths*/
}
.form-component-container {
display: flex;
flex-direction: row;