diff --git a/src/sql/base/browser/ui/breadcrumb/breadcrumb.component.ts b/src/sql/base/browser/ui/breadcrumb/breadcrumb.component.ts index a4f5ea7338..fd8be969a1 100644 --- a/src/sql/base/browser/ui/breadcrumb/breadcrumb.component.ts +++ b/src/sql/base/browser/ui/breadcrumb/breadcrumb.component.ts @@ -19,12 +19,12 @@ import { subscriptionToDisposable } from 'sql/base/browser/lifecycle'; - + {{item.label}} {{item.label}} {{item.label}} - + ` diff --git a/src/sql/base/browser/ui/breadcrumb/media/breadcrumb.css b/src/sql/base/browser/ui/breadcrumb/media/breadcrumb.css index e263f918b8..26ebc9deb8 100644 --- a/src/sql/base/browser/ui/breadcrumb/media/breadcrumb.css +++ b/src/sql/base/browser/ui/breadcrumb/media/breadcrumb.css @@ -4,23 +4,23 @@ *--------------------------------------------------------------------------------------------*/ -.vs .chevron-right.icon { +.vs .chevron-right.codicon { background-image: url("chevron_right.svg"); } -.vs-dark .chevron-right.icon, -.hc-black .chevron-right.icon { +.vs-dark .chevron-right.codicon, +.hc-black .chevron-right.codicon { background-image: url("chevron_right_inverse.svg"); } -breadcrumb .icon { +breadcrumb .codicon { background-size: 16px; background-position: 50% 50%; background-repeat: no-repeat; padding: 8px; } -breadcrumb .chevron-right.icon { +breadcrumb .chevron-right.codicon { background-size: 16px; background-position: 50% 50%; background-repeat: no-repeat; @@ -29,4 +29,4 @@ breadcrumb .chevron-right.icon { breadcrumb .router-link { cursor: pointer; -} \ No newline at end of file +} diff --git a/src/sql/base/browser/ui/panel/media/panel.css b/src/sql/base/browser/ui/panel/media/panel.css index 9411ea8432..5338c597ba 100644 --- a/src/sql/base/browser/ui/panel/media/panel.css +++ b/src/sql/base/browser/ui/panel/media/panel.css @@ -72,7 +72,7 @@ panel { line-height: 45px; } -.tabbedPanel .tabList .tab .tabLabel.icon { +.tabbedPanel .tabList .tab .tabLabel.codicon { background-repeat: no-repeat; background-position: center center; background-size: 20px; diff --git a/src/sql/base/browser/ui/panel/tabHeader.component.ts b/src/sql/base/browser/ui/panel/tabHeader.component.ts index 83fe6bb243..3f6dba382d 100644 --- a/src/sql/base/browser/ui/panel/tabHeader.component.ts +++ b/src/sql/base/browser/ui/panel/tabHeader.component.ts @@ -58,7 +58,7 @@ export class TabHeaderComponent extends Disposable implements AfterContentInit, let tabLabelcontainer = this._tabLabelRef.nativeElement as HTMLElement; if (this.showIcon && this.tab.iconClass) { - tabLabelcontainer.className = 'tabLabel icon'; + tabLabelcontainer.className = 'tabLabel codicon'; tabLabelcontainer.classList.add(this.tab.iconClass); } else { tabLabelcontainer.className = 'tabLabel'; diff --git a/src/sql/base/browser/ui/taskbar/taskbar.ts b/src/sql/base/browser/ui/taskbar/taskbar.ts index f0eb15a150..a2daccd848 100644 --- a/src/sql/base/browser/ui/taskbar/taskbar.ts +++ b/src/sql/base/browser/ui/taskbar/taskbar.ts @@ -64,7 +64,7 @@ export class Taskbar { */ public static createTaskbarSpinner(): HTMLElement { let spinnerContainer = document.createElement('div'); - spinnerContainer.className = 'taskbar-progress icon in-progress '; + spinnerContainer.className = 'taskbar-progress codicon in-progress '; spinnerContainer.style.visibility = 'hidden'; return spinnerContainer; } diff --git a/src/sql/base/parts/editableDropdown/browser/media/dropdownList.css b/src/sql/base/parts/editableDropdown/browser/media/dropdownList.css index 42c423744d..899d941da9 100644 --- a/src/sql/base/parts/editableDropdown/browser/media/dropdownList.css +++ b/src/sql/base/parts/editableDropdown/browser/media/dropdownList.css @@ -3,16 +3,16 @@ * Licensed under the Source EULA. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ -.vs .dropdown-arrow.icon { +.vs .dropdown-arrow.codicon { background-image: url("dropdownarrow.svg"); } -.vs-dark .dropdown-arrow.icon, -.hc-black .dropdown-arrow.icon { +.vs-dark .dropdown-arrow.codicon, +.hc-black .dropdown-arrow.codicon { background-image: url("dropdownarrow_inverse.svg"); } -.monaco-dropdown .monaco-action-bar .action-label.icon.dropdown-arrow { +.monaco-dropdown .monaco-action-bar .action-label.codicon.dropdown-arrow { padding: 0; background-size: 10px; background-position: 50%; @@ -38,12 +38,12 @@ overflow: hidden; } -.connection-input .monaco-dropdown .monaco-action-bar .action-label.icon.dropdown-arrow { +.connection-input .monaco-dropdown .monaco-action-bar .action-label.codicon.dropdown-arrow { background-position: 50%; background-size: cover; } -.connection-input .monaco-inputbox .monaco-action-bar .action-item .icon { +.connection-input .monaco-inputbox .monaco-action-bar .action-item .codicon { width: 8px; height: 8px; } diff --git a/src/sql/platform/accounts/browser/accountListRenderer.ts b/src/sql/platform/accounts/browser/accountListRenderer.ts index c4d8465db0..3783efcc65 100644 --- a/src/sql/platform/accounts/browser/accountListRenderer.ts +++ b/src/sql/platform/accounts/browser/accountListRenderer.ts @@ -58,7 +58,7 @@ export class AccountPickerListRenderer implements IListRenderer({ const iconClass = id; if (typeof icon === 'string') { const path = resources.joinPath(extension.description.extensionLocation, icon); - createCSSRule(`.icon.${iconClass}`, `background-image: ${asCSSUrl(path)}`); + createCSSRule(`.codicon.${iconClass}`, `background-image: ${asCSSUrl(path)}`); } else { const light = resources.joinPath(extension.description.extensionLocation, icon.light); const dark = resources.joinPath(extension.description.extensionLocation, icon.dark); - createCSSRule(`.icon.${iconClass}`, `background-image: ${asCSSUrl(light)}`); - createCSSRule(`.vs-dark .icon.${iconClass}, .hc-black .icon.${iconClass}`, `background-image: ${asCSSUrl(dark)}`); + createCSSRule(`.codicon.${iconClass}`, `background-image: ${asCSSUrl(light)}`); + createCSSRule(`.vs-dark .codicon.${iconClass}, .hc-black .codicon.${iconClass}`, `background-image: ${asCSSUrl(dark)}`); } } } diff --git a/src/sql/platform/accounts/browser/accountPickerImpl.ts b/src/sql/platform/accounts/browser/accountPickerImpl.ts index 9f6350207a..f718776845 100644 --- a/src/sql/platform/accounts/browser/accountPickerImpl.ts +++ b/src/sql/platform/accounts/browser/accountPickerImpl.ts @@ -115,7 +115,7 @@ export class AccountPicker extends Disposable { // Create refresh account action this._refreshContainer = DOM.append(this._rootElement, DOM.$('div.refresh-container')); - DOM.append(this._refreshContainer, DOM.$('div.sql icon warning')); + DOM.append(this._refreshContainer, DOM.$('div.sql codicon warning')); const actionBar = new ActionBar(this._refreshContainer, { animated: false }); this._refreshAccountAction = this._instantiationService.createInstance(RefreshAccountAction); actionBar.push(this._refreshAccountAction, { icon: false, label: true }); @@ -169,7 +169,7 @@ export class AccountPicker extends Disposable { if (account) { const badge = DOM.$('div.badge'); const row = DOM.append(container, DOM.$('div.selected-account-container')); - const icon = DOM.append(row, DOM.$('div.icon')); + const icon = DOM.append(row, DOM.$('div.codicon')); DOM.append(icon, badge); const badgeContent = DOM.append(badge, DOM.$('div.badge-content')); const label = DOM.append(row, DOM.$('div.label')); @@ -181,7 +181,7 @@ export class AccountPicker extends Disposable { label.innerText = account.displayInfo.displayName + ' (' + account.displayInfo.contextualDisplayName + ')'; if (account.isStale) { - badgeContent.className = 'badge-content icon warning-badge'; + badgeContent.className = 'badge-content codicon warning-badge'; } else { badgeContent.className = 'badge-content'; } diff --git a/src/sql/platform/accounts/browser/media/accountActions.css b/src/sql/platform/accounts/browser/media/accountActions.css index 251aa414f9..2fe26604fe 100644 --- a/src/sql/platform/accounts/browser/media/accountActions.css +++ b/src/sql/platform/accounts/browser/media/accountActions.css @@ -4,11 +4,11 @@ *--------------------------------------------------------------------------------------------*/ /* Icons for various account actions */ -.vs .action-item .icon.add-linked-account-action { +.vs .action-item .codicon.add-linked-account-action { background-image: url('new_account.svg'); } -.vs-dark .action-item .icon.add-linked-account-action, -.hc-black .action-item .icon.add-linked-account-action { +.vs-dark .action-item .codicon.add-linked-account-action, +.hc-black .action-item .codicon.add-linked-account-action { background-image: url('new_account_inverse.svg'); -} \ No newline at end of file +} diff --git a/src/sql/platform/accounts/browser/media/accountDialog.css b/src/sql/platform/accounts/browser/media/accountDialog.css index 19334d9ba3..be1c1caf9f 100644 --- a/src/sql/platform/accounts/browser/media/accountDialog.css +++ b/src/sql/platform/accounts/browser/media/accountDialog.css @@ -55,14 +55,14 @@ line-height: 18px !important; } -.account-view .list-row .icon { +.account-view .list-row .codicon { flex: 0 0 50px; height: 50px; width: 50px; background-size: 50px; } -.account-view .list-row .icon .badge { +.account-view .list-row .codicon .badge { position: absolute; top: 43px; left: 43px; @@ -71,7 +71,7 @@ height: 22px; } -.account-view .list-row .icon .badge .badge-content { +.account-view .list-row .codicon .badge .badge-content { width: 22px; height: 22px; background-size: 22px; @@ -90,7 +90,7 @@ background-repeat: no-repeat; } -.account-view .list-row .actions-container .action-item .action-label.icon.remove { +.account-view .list-row .actions-container .action-item .action-label.codicon.remove { background-size: 14px !important; } diff --git a/src/sql/platform/accounts/browser/media/accountPicker.css b/src/sql/platform/accounts/browser/media/accountPicker.css index 8ee46132a4..2249c2af9e 100644 --- a/src/sql/platform/accounts/browser/media/accountPicker.css +++ b/src/sql/platform/accounts/browser/media/accountPicker.css @@ -10,7 +10,7 @@ align-items: flex-start; } -.selected-account-container .icon { +.selected-account-container .codicon { flex: 0 0 25px; height: 25px; width: 25px; @@ -22,11 +22,11 @@ align-self: center; } -.selected-account-container .icon { +.selected-account-container .codicon { background-size: 25px; } -.selected-account-container .icon .badge { +.selected-account-container .codicon .badge { position: relative; top: 15px; left: 15px; @@ -35,7 +35,7 @@ height: 12px; } -.selected-account-container .icon .badge .badge-content { +.selected-account-container .codicon .badge .badge-content { width: 12px; height: 12px; background-size: 12px; @@ -53,14 +53,14 @@ padding: 6px; } -.account-list-container .list-row .icon { +.account-list-container .list-row .codicon { flex: 0 0 35px; height: 35px; width: 35px; background-size: 35px; } -.account-list-container .list-row .icon .badge { +.account-list-container .list-row .codicon .badge { position: relative; top: 22px; left: 22px; @@ -69,7 +69,7 @@ height: 15px; } -.account-list-container .list-row .icon .badge .badge-content { +.account-list-container .list-row .codicon .badge .badge-content { width: 15px; height: 15px; background-size: 15px; @@ -87,7 +87,7 @@ justify-content: flex-start; } -.refresh-container .icon { +.refresh-container .codicon { flex: 0 0 16px; height: 16px; width: 16px; diff --git a/src/sql/platform/accounts/common/accountActions.ts b/src/sql/platform/accounts/common/accountActions.ts index b5903b3901..5adcfdee6a 100644 --- a/src/sql/platform/accounts/common/accountActions.ts +++ b/src/sql/platform/accounts/common/accountActions.ts @@ -75,7 +75,7 @@ export class RemoveAccountAction extends Action { @INotificationService private _notificationService: INotificationService, @IAccountManagementService private _accountManagementService: IAccountManagementService ) { - super(RemoveAccountAction.ID, RemoveAccountAction.LABEL, 'remove-account-action icon remove'); + super(RemoveAccountAction.ID, RemoveAccountAction.LABEL, 'remove-account-action codicon remove'); } public run(): Promise { @@ -115,7 +115,7 @@ export class ApplyFilterAction extends Action { id: string, label: string ) { - super(id, label, 'apply-filters-action icon filter'); + super(id, label, 'apply-filters-action codicon filter'); } public run(): Promise { @@ -136,7 +136,7 @@ export class RefreshAccountAction extends Action { @IAccountManagementService private _accountManagementService: IAccountManagementService, @ILogService private readonly logService: ILogService ) { - super(RefreshAccountAction.ID, RefreshAccountAction.LABEL, 'refresh-account-action icon refresh'); + super(RefreshAccountAction.ID, RefreshAccountAction.LABEL, 'refresh-account-action codicon refresh'); } public run(): Promise { if (this.account) { diff --git a/src/sql/platform/jobManagement/browser/jobManagementUtilities.ts b/src/sql/platform/jobManagement/browser/jobManagementUtilities.ts index 73ca7bd827..d2d72eaad7 100644 --- a/src/sql/platform/jobManagement/browser/jobManagementUtilities.ts +++ b/src/sql/platform/jobManagement/browser/jobManagementUtilities.ts @@ -7,8 +7,8 @@ import * as nls from 'vs/nls'; export class JobManagementUtilities { - public static startIconClass: string = 'action-label icon runJobIcon'; - public static stopIconClass: string = 'action-label icon stopJobIcon'; + public static startIconClass: string = 'action-label codicon runJobIcon'; + public static stopIconClass: string = 'action-label codicon stopJobIcon'; public static jobMessageLength: number = 110; public static convertToStatusString(status: number): string { @@ -146,4 +146,4 @@ export class JobManagementUtilities { } return ''; } -} \ No newline at end of file +} diff --git a/src/sql/workbench/browser/modal/media/modal.css b/src/sql/workbench/browser/modal/media/modal.css index c8bf3fdebc..f9493019ae 100644 --- a/src/sql/workbench/browser/modal/media/modal.css +++ b/src/sql/workbench/browser/modal/media/modal.css @@ -27,7 +27,7 @@ padding: 15px; } -.modal .icon.in-progress { +.modal .codicon.in-progress { width: 25px; height: 25px; } diff --git a/src/sql/workbench/browser/modal/modal.ts b/src/sql/workbench/browser/modal/modal.ts index af49c3ec82..9dc55fad4e 100644 --- a/src/sql/workbench/browser/modal/modal.ts +++ b/src/sql/workbench/browser/modal/modal.ts @@ -240,7 +240,7 @@ export abstract class Modal extends Disposable implements IThemable { if (!this._modalOptions.isAngular) { this._modalFooterSection = DOM.append(modalContent, DOM.$('.modal-footer')); if (this._modalOptions.hasSpinner) { - this._spinnerElement = DOM.append(this._modalFooterSection, DOM.$('.icon.in-progress')); + this._spinnerElement = DOM.append(this._modalFooterSection, DOM.$('.codicon.in-progress')); DOM.hide(this._spinnerElement); } this._leftFooter = DOM.append(this._modalFooterSection, DOM.$('.left-footer')); diff --git a/src/sql/workbench/browser/modelComponents/formContainer.component.ts b/src/sql/workbench/browser/modelComponents/formContainer.component.ts index 83f84cabdc..631fb47bf7 100644 --- a/src/sql/workbench/browser/modelComponents/formContainer.component.ts +++ b/src/sql/workbench/browser/modelComponents/formContainer.component.ts @@ -52,7 +52,7 @@ class FormItem {
{{getItemTitle(item)}}* - +
@@ -72,7 +72,7 @@ class FormItem {
{{getItemTitle(item)}}* - +
diff --git a/src/sql/workbench/browser/modelComponents/image.component.ts b/src/sql/workbench/browser/modelComponents/image.component.ts index b6877fd8a2..faf4b35d00 100644 --- a/src/sql/workbench/browser/modelComponents/image.component.ts +++ b/src/sql/workbench/browser/modelComponents/image.component.ts @@ -55,7 +55,7 @@ export default class ImageComponent extends ComponentWithIconBase implements ICo if (this.iconPath) { if (!this._iconClass) { super.updateIcon(); - DOM.addClasses(this.imageContainer.nativeElement, this._iconClass, 'icon'); + DOM.addClasses(this.imageContainer.nativeElement, this._iconClass, 'codicon'); } else { super.updateIcon(); } diff --git a/src/sql/workbench/browser/modelComponents/media/image.css b/src/sql/workbench/browser/modelComponents/media/image.css index 1aa4fb658b..108e748e8b 100644 --- a/src/sql/workbench/browser/modelComponents/media/image.css +++ b/src/sql/workbench/browser/modelComponents/media/image.css @@ -3,7 +3,7 @@ * Licensed under the Source EULA. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ -modelview-image div.icon { +modelview-image div.codicon { background-repeat: no-repeat; background-position: center; background-size: contain; diff --git a/src/sql/workbench/parts/backup/browser/backup.component.html b/src/sql/workbench/parts/backup/browser/backup.component.html index cb01575b4f..3297de6ef6 100644 --- a/src/sql/workbench/parts/backup/browser/backup.component.html +++ b/src/sql/workbench/parts/backup/browser/backup.component.html @@ -163,7 +163,7 @@
-
+
@@ -173,4 +173,4 @@
- \ No newline at end of file + diff --git a/src/sql/workbench/parts/connection/browser/media/connectionViewlet.css b/src/sql/workbench/parts/connection/browser/media/connectionViewlet.css index bdf8f0b80a..dc97818b39 100644 --- a/src/sql/workbench/parts/connection/browser/media/connectionViewlet.css +++ b/src/sql/workbench/parts/connection/browser/media/connectionViewlet.css @@ -114,8 +114,8 @@ margin-bottom: 2px; } /* loading for OE node */ -.server-explorer-viewlet .monaco-tree .monaco-tree-rows > .monaco-tree-row > .icon.in-progress .connection-tile:before, -.server-explorer-viewlet .monaco-tree .monaco-tree-rows > .monaco-tree-row > .icon.in-progress .object-element-group:before { +.server-explorer-viewlet .monaco-tree .monaco-tree-rows > .monaco-tree-row > .codicon.in-progress .connection-tile:before, +.server-explorer-viewlet .monaco-tree .monaco-tree-rows > .monaco-tree-row > .codicon.in-progress .object-element-group:before { position: absolute; display: block; width: 36px; @@ -135,4 +135,4 @@ margin-bottom: 2px; /* Add connection button */ .server-explorer-viewlet .button-section { padding: 20px; -} \ No newline at end of file +} diff --git a/src/sql/workbench/parts/dashboard/browser/containers/dashboardErrorContainer.component.ts b/src/sql/workbench/parts/dashboard/browser/containers/dashboardErrorContainer.component.ts index 20bcf4e003..57b3b985a5 100644 --- a/src/sql/workbench/parts/dashboard/browser/containers/dashboardErrorContainer.component.ts +++ b/src/sql/workbench/parts/dashboard/browser/containers/dashboardErrorContainer.component.ts @@ -19,7 +19,7 @@ import * as nls from 'vs/nls'; providers: [{ provide: TabChild, useExisting: forwardRef(() => DashboardErrorContainer) }], template: `
-
+
diff --git a/src/sql/workbench/parts/dataExplorer/browser/media/connectionViewletPanel.css b/src/sql/workbench/parts/dataExplorer/browser/media/connectionViewletPanel.css index 1eaceff820..7c17be9b6d 100644 --- a/src/sql/workbench/parts/dataExplorer/browser/media/connectionViewletPanel.css +++ b/src/sql/workbench/parts/dataExplorer/browser/media/connectionViewletPanel.css @@ -108,8 +108,8 @@ margin-bottom: 2px; } /* loading for OE node */ -.server-explorer-viewlet .monaco-tree .monaco-tree-rows > .monaco-tree-row > .icon.in-progress .connection-tile:before, -.server-explorer-viewlet .monaco-tree .monaco-tree-rows > .monaco-tree-row > .icon.in-progress .object-element-group:before { +.server-explorer-viewlet .monaco-tree .monaco-tree-rows > .monaco-tree-row > .codicon.in-progress .connection-tile:before, +.server-explorer-viewlet .monaco-tree .monaco-tree-rows > .monaco-tree-row > .codicon.in-progress .object-element-group:before { position: absolute; display: block; width: 36px; @@ -129,4 +129,4 @@ margin-bottom: 2px; /* Add connection button */ .server-explorer-viewlet .button-section { padding: 20px; -} \ No newline at end of file +} diff --git a/src/sql/workbench/parts/jobManagement/browser/alertsView.component.html b/src/sql/workbench/parts/jobManagement/browser/alertsView.component.html index 02e8f268e3..fcd8d338f7 100644 --- a/src/sql/workbench/parts/jobManagement/browser/alertsView.component.html +++ b/src/sql/workbench/parts/jobManagement/browser/alertsView.component.html @@ -7,7 +7,7 @@

Alerts

No Alerts Available

-
+
diff --git a/src/sql/workbench/parts/jobManagement/browser/jobHistory.component.html b/src/sql/workbench/parts/jobManagement/browser/jobHistory.component.html index c5982767a1..94c4b6c240 100644 --- a/src/sql/workbench/parts/jobManagement/browser/jobHistory.component.html +++ b/src/sql/workbench/parts/jobManagement/browser/jobHistory.component.html @@ -6,7 +6,7 @@ -->

Jobs | {{this._agentJobInfo?.name}}

-
+
@@ -161,4 +161,4 @@

No Steps Available

-
\ No newline at end of file +
diff --git a/src/sql/workbench/parts/jobManagement/browser/jobsView.component.html b/src/sql/workbench/parts/jobManagement/browser/jobsView.component.html index 0d5f0e0f79..82a6189b0b 100644 --- a/src/sql/workbench/parts/jobManagement/browser/jobsView.component.html +++ b/src/sql/workbench/parts/jobManagement/browser/jobsView.component.html @@ -7,9 +7,9 @@

Jobs

No Jobs Available

-
+
-
\ No newline at end of file +
diff --git a/src/sql/workbench/parts/jobManagement/browser/media/jobHistory.css b/src/sql/workbench/parts/jobManagement/browser/media/jobHistory.css index b0122ad1fc..739cd2c395 100644 --- a/src/sql/workbench/parts/jobManagement/browser/media/jobHistory.css +++ b/src/sql/workbench/parts/jobManagement/browser/media/jobHistory.css @@ -151,40 +151,40 @@ input#accordion:checked ~ .accordion-content, content: url("back_inverse.svg"); } -.vs .action-label.icon.newStepIcon { +.vs .action-label.codicon.newStepIcon { background-image: url("new.svg"); } -.vs-dark .action-label.icon.newStepIcon, -.hc-black .action-label.icon.newStepIcon { +.vs-dark .action-label.codicon.newStepIcon, +.hc-black .action-label.codicon.newStepIcon { background-image: url("new_inverse.svg"); } -jobhistory-component .hc-black .icon.edit, -jobhistory-component .vs-dark .icon.edit, -notebookhistory-component .hc-black .icon.edit, -notebookhistory-component .vs-dark .icon.edit { +jobhistory-component .hc-black .codicon.edit, +jobhistory-component .vs-dark .codicon.edit, +notebookhistory-component .hc-black .codicon.edit, +notebookhistory-component .vs-dark .codicon.edit { background-image: url("edit_inverse.svg"); } -jobhistory-component .vs .icon.edit, -notebookhistory-component .vs .icon.edit { +jobhistory-component .vs .codicon.edit, +notebookhistory-component .vs .codicon.edit { background-image: url("edit.svg"); } -jobhistory-component .actions-container .icon.edit, -notebookhistory-component .actions-container .icon.edit { +jobhistory-component .actions-container .codicon.edit, +notebookhistory-component .actions-container .codicon.edit { background-position: 0% 50%; background-repeat: no-repeat; background-size: 12px; } -a.action-label.icon.runJobIcon.non-runnable { +a.action-label.codicon.runJobIcon.non-runnable { opacity: 0.4; cursor: default; } -a.action-label.icon.stopJobIcon.non-runnable { +a.action-label.codicon.stopJobIcon.non-runnable { opacity: 0.4; cursor: default; } @@ -308,8 +308,8 @@ notebookhistory-component > .jobhistory-heading-container { display: flex; } -jobhistory-component > .jobhistory-heading-container > .icon.in-progress, -notebookhistory-component > .jobhistory-heading-container > .icon.in-progress { +jobhistory-component > .jobhistory-heading-container > .codicon.in-progress, +notebookhistory-component > .jobhistory-heading-container > .codicon.in-progress { width: 20px; height: 20px; padding-top: 16px; diff --git a/src/sql/workbench/parts/jobManagement/browser/media/jobs.css b/src/sql/workbench/parts/jobManagement/browser/media/jobs.css index b8ad590328..9fa23fe50d 100644 --- a/src/sql/workbench/parts/jobManagement/browser/media/jobs.css +++ b/src/sql/workbench/parts/jobManagement/browser/media/jobs.css @@ -346,7 +346,7 @@ agentview-component border-left: 1px dotted #444444; } -.job-heading-container > .icon.in-progress { +.job-heading-container > .codicon.in-progress { height: 20px; width: 20px; padding-top: 16px; @@ -574,21 +574,21 @@ table.jobprevruns > tbody { display: block; } -.vs .action-label.icon.refreshIcon { +.vs .action-label.codicon.refreshIcon { background-image: url("refresh.svg"); } -.vs-dark .action-label.icon.refreshIcon, -.hc-black .action-label.icon.refreshIcon { +.vs-dark .action-label.codicon.refreshIcon, +.hc-black .action-label.codicon.refreshIcon { background-image: url("refresh_inverse.svg"); } -.vs .action-label.icon.openNotebook { +.vs .action-label.codicon.openNotebook { background-image: url("open_notebook.svg"); } -.vs-dark .action-label.icon.openNotebook, -.hc-black .action-label.icon.openNotebook { +.vs-dark .action-label.codicon.openNotebook, +.hc-black .action-label.codicon.openNotebook { background-image: url("open_notebook_inverse.svg"); } diff --git a/src/sql/workbench/parts/jobManagement/browser/notebookHistory.component.html b/src/sql/workbench/parts/jobManagement/browser/notebookHistory.component.html index df1b07afa8..329556dd2a 100644 --- a/src/sql/workbench/parts/jobManagement/browser/notebookHistory.component.html +++ b/src/sql/workbench/parts/jobManagement/browser/notebookHistory.component.html @@ -6,7 +6,7 @@ -->

Notebook Jobs| {{ this._agentNotebookInfo?.name }}

-
+
diff --git a/src/sql/workbench/parts/jobManagement/browser/notebooksView.component.html b/src/sql/workbench/parts/jobManagement/browser/notebooksView.component.html index ff6e5ab3fe..a9c2f2ed38 100644 --- a/src/sql/workbench/parts/jobManagement/browser/notebooksView.component.html +++ b/src/sql/workbench/parts/jobManagement/browser/notebooksView.component.html @@ -7,9 +7,9 @@

Notebook Jobs

No Notebooks Jobs Available

-
+
-
\ No newline at end of file +
diff --git a/src/sql/workbench/parts/jobManagement/browser/operatorsView.component.html b/src/sql/workbench/parts/jobManagement/browser/operatorsView.component.html index 6960603412..aaf1bd5bc5 100644 --- a/src/sql/workbench/parts/jobManagement/browser/operatorsView.component.html +++ b/src/sql/workbench/parts/jobManagement/browser/operatorsView.component.html @@ -7,7 +7,7 @@

Operators

No Operators Available

-
+
diff --git a/src/sql/workbench/parts/jobManagement/browser/proxiesView.component.html b/src/sql/workbench/parts/jobManagement/browser/proxiesView.component.html index 7cb2bdf756..f5d43abca1 100644 --- a/src/sql/workbench/parts/jobManagement/browser/proxiesView.component.html +++ b/src/sql/workbench/parts/jobManagement/browser/proxiesView.component.html @@ -7,7 +7,7 @@

Proxies

No Proxies Available

-
+
diff --git a/src/sql/workbench/parts/notebook/browser/cellViews/media/output.css b/src/sql/workbench/parts/notebook/browser/cellViews/media/output.css index 3508e34cec..e08afad558 100644 --- a/src/sql/workbench/parts/notebook/browser/cellViews/media/output.css +++ b/src/sql/workbench/parts/notebook/browser/cellViews/media/output.css @@ -469,7 +469,7 @@ plotly-output .plotly-wrapper { overflow-y: hidden; } -output-component .grid-panel .action-label.icon { +output-component .grid-panel .action-label.codicon { min-width: 16px; margin-right: 6px; margin-bottom: 6px; diff --git a/src/sql/workbench/parts/notebook/browser/outputs/markdownOutput.component.html b/src/sql/workbench/parts/notebook/browser/outputs/markdownOutput.component.html index 7e1dc70754..debb035e6a 100644 --- a/src/sql/workbench/parts/notebook/browser/outputs/markdownOutput.component.html +++ b/src/sql/workbench/parts/notebook/browser/outputs/markdownOutput.component.html @@ -1,5 +1,5 @@
-
+
diff --git a/src/sql/workbench/parts/queryHistory/browser/queryHistoryRenderer.ts b/src/sql/workbench/parts/queryHistory/browser/queryHistoryRenderer.ts index fcfe804da6..a23c1a7f8f 100644 --- a/src/sql/workbench/parts/queryHistory/browser/queryHistoryRenderer.ts +++ b/src/sql/workbench/parts/queryHistory/browser/queryHistoryRenderer.ts @@ -50,7 +50,7 @@ export class QueryHistoryRenderer implements IRenderer { public renderTemplate(tree: ITree, templateId: string, container: HTMLElement): any { const taskTemplate: IQueryHistoryItemTemplateData = Object.create(null); taskTemplate.root = dom.append(container, $('.query-history-item')); - taskTemplate.icon = dom.append(taskTemplate.root, $('.icon.query-history-icon')); + taskTemplate.icon = dom.append(taskTemplate.root, $('.codicon.query-history-icon')); taskTemplate.label = dom.append(taskTemplate.root, $('.label')); taskTemplate.connectionInfo = dom.append(taskTemplate.root, $('.connection-info')); taskTemplate.time = dom.append(taskTemplate.root, $('.time')); diff --git a/src/sql/workbench/parts/tasks/browser/tasksRenderer.ts b/src/sql/workbench/parts/tasks/browser/tasksRenderer.ts index 485e6d1a70..be330baead 100644 --- a/src/sql/workbench/parts/tasks/browser/tasksRenderer.ts +++ b/src/sql/workbench/parts/tasks/browser/tasksRenderer.ts @@ -56,7 +56,7 @@ export class TaskHistoryRenderer implements IRenderer { public renderTemplate(tree: ITree, templateId: string, container: HTMLElement): any { const taskTemplate: ITaskHistoryTemplateData = Object.create(null); taskTemplate.root = dom.append(container, $('.task-group')); - taskTemplate.icon = dom.append(taskTemplate.root, $('.icon.task-icon')); + taskTemplate.icon = dom.append(taskTemplate.root, $('.codicon.task-icon')); taskTemplate.label = dom.append(taskTemplate.root, $('.label')); taskTemplate.description = dom.append(taskTemplate.root, $('.description')); taskTemplate.time = dom.append(taskTemplate.root, $('.time')); diff --git a/src/sql/workbench/services/dashboard/browser/newDashboardTabDialogImpl.ts b/src/sql/workbench/services/dashboard/browser/newDashboardTabDialogImpl.ts index c2acfa6524..e9bac02fc5 100644 --- a/src/sql/workbench/services/dashboard/browser/newDashboardTabDialogImpl.ts +++ b/src/sql/workbench/services/dashboard/browser/newDashboardTabDialogImpl.ts @@ -53,7 +53,7 @@ interface ExtensionListTemplate { class ExtensionListRenderer implements IListRenderer { public static TEMPLATE_ID = 'extensionListRenderer'; private static readonly OPENED_TAB_CLASS = 'success'; - private static readonly ICON_CLASS = 'extension-status-icon icon'; + private static readonly ICON_CLASS = 'extension-status-icon codicon'; public get templateId(): string { return ExtensionListRenderer.TEMPLATE_ID; @@ -62,7 +62,7 @@ class ExtensionListRenderer implements IListRenderer extends ViewletPanel { private _table: Table; @@ -88,22 +89,22 @@ function stateFormatter(row: number, cell: number, value: any, columnDef: Slick. // render icon if passed if (resource.icon) { - icon.classList.add('icon'); + icon.classList.add(iconClass); icon.classList.add(resource.icon); } else { - icon.classList.remove('icon'); + icon.classList.remove(iconClass); } //render state badge if present if (resource.stateColor) { badgeContent.style.backgroundColor = resource.stateColor; - badgeContent.classList.remove('icon'); + badgeContent.classList.remove(iconClass); } else if (resource.stateIcon) { badgeContent.style.backgroundColor = ''; - badgeContent.classList.add('icon'); + badgeContent.classList.add(iconClass); badgeContent.classList.add(resource.stateIcon); } else { - badgeContent.classList.remove('icon'); + badgeContent.classList.remove(iconClass); badgeContent.style.backgroundColor = ''; } diff --git a/src/sql/workbench/services/insights/browser/media/insightsDialog.css b/src/sql/workbench/services/insights/browser/media/insightsDialog.css index 27685c6bad..35fb5f520d 100644 --- a/src/sql/workbench/services/insights/browser/media/insightsDialog.css +++ b/src/sql/workbench/services/insights/browser/media/insightsDialog.css @@ -3,7 +3,7 @@ * Licensed under the Source EULA. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ -.insights span { +.insights span { display: inline-block; text-overflow: ellipsis; overflow: hidden; @@ -30,4 +30,4 @@ overflow: hidden; width: 22px; height: 22px; -} \ No newline at end of file +}