mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-17 02:51:36 -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
a7e94d433f
commit
c6564c0d84
@@ -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;
|
||||||
|
|||||||
@@ -30,13 +30,10 @@ import { ILogService } from 'vs/platform/log/common/log';
|
|||||||
|
|
||||||
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 {
|
||||||
@@ -92,7 +89,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;
|
||||||
@@ -168,7 +164,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