diff --git a/src/sql/base/browser/ui/table/media/table.css b/src/sql/base/browser/ui/table/media/table.css index acbc5fe188..fc627af822 100644 --- a/src/sql/base/browser/ui/table/media/table.css +++ b/src/sql/base/browser/ui/table/media/table.css @@ -165,7 +165,7 @@ .slick-icon-cell-content, .slick-button-cell-content { - background-position: 7px center !important; + background-position: 5px center !important; background-repeat: no-repeat; background-size: 16px !important; width: 100%; @@ -176,10 +176,6 @@ align-items: center; } -.slick-button-cell { - padding: 5px !important; -} - .slick-button-cell-content { cursor: pointer; border-width: 0px; diff --git a/src/sql/base/browser/ui/table/plugins/buttonColumn.plugin.ts b/src/sql/base/browser/ui/table/plugins/buttonColumn.plugin.ts index ce94de1ffc..bf7283bde2 100644 --- a/src/sql/base/browser/ui/table/plugins/buttonColumn.plugin.ts +++ b/src/sql/base/browser/ui/table/plugins/buttonColumn.plugin.ts @@ -14,7 +14,6 @@ export interface ButtonColumnDefinition extends TextW export interface ButtonColumnOptions { iconCssClass?: string; title?: string; - width?: number; id?: string; } @@ -38,10 +37,9 @@ export class ButtonColumn implements Slick.Plugin formatter: (row: number, cell: number, value: any, columnDef: Slick.Column, dataContext: T): string => { return this.formatter(row, cell, value, columnDef, dataContext); }, - width: options.width, + width: 30, selectable: false, - iconCssClassField: options.iconCssClass, - cssClass: 'slick-button-cell' + iconCssClassField: options.iconCssClass }; } diff --git a/src/sql/workbench/contrib/dashboard/browser/widgets/explorer/explorerTable.ts b/src/sql/workbench/contrib/dashboard/browser/widgets/explorer/explorerTable.ts index 43c3c40161..0ef1eeca84 100644 --- a/src/sql/workbench/contrib/dashboard/browser/widgets/explorer/explorerTable.ts +++ b/src/sql/workbench/contrib/dashboard/browser/widgets/explorer/explorerTable.ts @@ -66,13 +66,12 @@ export class ExplorerTable extends Disposable { this._view = new TableDataView(undefined, undefined, undefined, (data: Slick.SlickData[]): Slick.SlickData[] => { return explorerFilter.filter(this._filterStr, data); }); - this._table = new Table(parentElement, { dataProvider: this._view }, { forceFitColumns: true, rowHeight: 35 }); + this._table = new Table(parentElement, { dataProvider: this._view }, { forceFitColumns: true }); this._table.setSelectionModel(new RowSelectionModel()); this._actionsColumn = new ButtonColumn({ id: 'actions', iconCssClass: 'toggle-more', - title: ShowActionsText, - width: 40 + title: ShowActionsText }); this._table.registerPlugin(this._actionsColumn); this._register(this._actionsColumn.onClick((args) => {