mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-03-01 11:01:39 -05:00
Fix css to fix new dashboard tab dialog (#5385)
* fix css to fix new dashboard tab dialog * add readonly
This commit is contained in:
committed by
Karl Burtram
parent
2b0aba119d
commit
1c694cbd3b
@@ -47,6 +47,7 @@
|
|||||||
|
|
||||||
.extension-view .extensionTab-view .list-row.extensionTab-list .extension-details .title {
|
.extension-view .extensionTab-view .list-row.extensionTab-list .extension-details .title {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
line-height: 1.4em;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@@ -56,6 +57,7 @@
|
|||||||
|
|
||||||
.extension-view .extensionTab-view .list-row.extensionTab-list .extension-details .description {
|
.extension-view .extensionTab-view .list-row.extensionTab-list .extension-details .description {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
line-height: 1.4em;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@@ -63,6 +65,7 @@
|
|||||||
|
|
||||||
.extension-view .extensionTab-view .list-row.extensionTab-list .extension-details .publisher {
|
.extension-view .extensionTab-view .list-row.extensionTab-list .extension-details .publisher {
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
|
line-height: 1.4em;
|
||||||
padding-right: 6px;
|
padding-right: 6px;
|
||||||
opacity: .6;
|
opacity: .6;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|||||||
@@ -29,13 +29,10 @@ import { IWorkbenchLayoutService } from 'vs/workbench/services/layout/browser/la
|
|||||||
|
|
||||||
class ExtensionListDelegate implements IListVirtualDelegate<IDashboardUITab> {
|
class ExtensionListDelegate implements IListVirtualDelegate<IDashboardUITab> {
|
||||||
|
|
||||||
constructor(
|
private static readonly HEIGHT = 101;
|
||||||
private _height: number
|
|
||||||
) {
|
|
||||||
}
|
|
||||||
|
|
||||||
public getHeight(element: IDashboardUITab): number {
|
public getHeight(element: IDashboardUITab): number {
|
||||||
return this._height;
|
return ExtensionListDelegate.HEIGHT;
|
||||||
}
|
}
|
||||||
|
|
||||||
public getTemplateId(element: IDashboardUITab): string {
|
public getTemplateId(element: IDashboardUITab): string {
|
||||||
@@ -91,7 +88,6 @@ class ExtensionListRenderer implements IListRenderer<IDashboardUITab, ExtensionL
|
|||||||
}
|
}
|
||||||
|
|
||||||
export class NewDashboardTabDialog extends Modal {
|
export class NewDashboardTabDialog extends Modal {
|
||||||
public static EXTENSIONLIST_HEIGHT = 101;
|
|
||||||
|
|
||||||
// MEMBER letIABLES ////////////////////////////////////////////////////
|
// MEMBER letIABLES ////////////////////////////////////////////////////
|
||||||
private _addNewTabButton: Button;
|
private _addNewTabButton: Button;
|
||||||
@@ -165,7 +161,7 @@ export class NewDashboardTabDialog extends Modal {
|
|||||||
private createExtensionList(container: HTMLElement) {
|
private createExtensionList(container: HTMLElement) {
|
||||||
// Create a fixed list view for the extensions
|
// Create a fixed list view for the extensions
|
||||||
let extensionTabViewContainer = DOM.$('.extensionTab-view');
|
let extensionTabViewContainer = DOM.$('.extensionTab-view');
|
||||||
let delegate = new ExtensionListDelegate(NewDashboardTabDialog.EXTENSIONLIST_HEIGHT);
|
let delegate = new ExtensionListDelegate();
|
||||||
let extensionTabRenderer = new ExtensionListRenderer();
|
let extensionTabRenderer = new ExtensionListRenderer();
|
||||||
this._extensionList = new List<IDashboardUITab>(extensionTabViewContainer, delegate, [extensionTabRenderer]);
|
this._extensionList = new List<IDashboardUITab>(extensionTabViewContainer, delegate, [extensionTabRenderer]);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user