ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-16 18:46:40 -05:00
Code Issues Packages Projects Releases Wiki Activity

added conditional class to declarativetable for checkbox cells (#16013)

Browse Source
This commit is contained in:
Rachel Kim
2021-07-06 19:41:53 -07:00
committed by GitHub
parent 9ba4057a3c
commit 073f9e052b
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/sql/workbench/browser/modelComponents/declarativeTable.component.html
View File

@@ -4,6 +4,7 @@
<tr role="row"> <tr role="row">
<ng-container *ngFor="let column of columns; let c = index;"> <ng-container *ngFor="let column of columns; let c = index;">
<th class="declarative-table-header" aria-sort="none" [style.width]="getColumnWidth(column)" <th class="declarative-table-header" aria-sort="none" [style.width]="getColumnWidth(column)"
[ngClass]="{'declarative-table-cell-checkbox' : isCheckBox(c)}"
[ngStyle]="column.headerCssStyles" [attr.aria-label]="getHeaderAriaLabel(c)"> [ngStyle]="column.headerCssStyles" [attr.aria-label]="getHeaderAriaLabel(c)">
{{column.displayName}} {{column.displayName}}
<checkbox *ngIf="headerCheckboxVisible(c)" [checked]="isHeaderChecked(c)" <checkbox *ngIf="headerCheckboxVisible(c)" [checked]="isHeaderChecked(c)"
@@ -20,6 +21,7 @@
<ng-container *ngFor="let cellData of row;let c = index;trackBy:trackByFnCols"> <ng-container *ngFor="let cellData of row;let c = index;trackBy:trackByFnCols">
<td class="declarative-table-cell" [style.width]="getColumnWidth(c)" <td class="declarative-table-cell" [style.width]="getColumnWidth(c)"
[attr.aria-label]="getAriaLabel(r, c)" [attr.aria-label]="getAriaLabel(r, c)"
[ngClass]="{'declarative-table-cell-checkbox' : isCheckBox(c)}"
[ngStyle]="mergeCss(columns[c].rowCssStyles, cellData.style)" role="gridcell"> [ngStyle]="mergeCss(columns[c].rowCssStyles, cellData.style)" role="gridcell">
<checkbox *ngIf="isCheckBox(c)" label="" (onChange)="onCheckBoxChanged($event,r,c)" <checkbox *ngIf="isCheckBox(c)" label="" (onChange)="onCheckBoxChanged($event,r,c)"
[enabled]="isControlEnabled(r, c)" [checked]="isChecked(r,c)" [enabled]="isControlEnabled(r, c)" [checked]="isChecked(r,c)"

15
src/sql/workbench/browser/modelComponents/media/declarativeTable.css
View File

@@ -20,13 +20,6 @@
border: 1px solid; border: 1px solid;
} }
.declarative-table-cell>checkbox {
float: left;
margin: 0 auto;
width: 100%;
text-align: center;
}
.declarative-table .declarative-table-cell .codicon.toggle-more { .declarative-table .declarative-table-cell .codicon.toggle-more {
border-width: 0px; border-width: 0px;
height: 16px; height: 16px;
@@ -34,3 +27,11 @@
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
} }
.declarative-table checkbox input[type='checkbox'] {
margin: 3px;
}
.declarative-table-cell-checkbox {
text-align: center;
}