From 3aee3f006a7dd6d3d280a294ad71aaa032824c51 Mon Sep 17 00:00:00 2001 From: Aasim Khan Date: Tue, 28 Mar 2023 09:23:15 -0700 Subject: [PATCH] Fixing icon styling in tree (#22490) --- .../browser/media/connectionViewletPanel.css | 10 +- .../objectExplorer/browser/iconRenderer.ts | 5 +- .../browser/media/objectTypes/objecttypes.css | 222 +++++++++--------- 3 files changed, 121 insertions(+), 116 deletions(-) diff --git a/src/sql/workbench/contrib/dataExplorer/browser/media/connectionViewletPanel.css b/src/sql/workbench/contrib/dataExplorer/browser/media/connectionViewletPanel.css index f57a1cdf56..278207a83c 100644 --- a/src/sql/workbench/contrib/dataExplorer/browser/media/connectionViewletPanel.css +++ b/src/sql/workbench/contrib/dataExplorer/browser/media/connectionViewletPanel.css @@ -143,9 +143,6 @@ .monaco-list .monaco-list-rows > .monaco-list-row .connection-profile-container > .icon.server-page, .hc-light .monaco-list .monaco-list-rows > .monaco-list-row .connection-profile-container > .icon.server-page { background-image: url('default_server.svg'); - background-position: center center; - background-repeat: no-repeat; - background-size: 16px 16px; } .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected .connection-profile-container > .icon.server-page, @@ -267,3 +264,10 @@ height: 4px; border-radius: 50%; } + +.monaco-tree .monaco-tree-rows > .monaco-tree-row .icon, +.monaco-list .monaco-list-rows > .monaco-list-row .icon { + background-position: center center; + background-repeat: no-repeat; + background-size: 16px 16px; +} diff --git a/src/sql/workbench/services/objectExplorer/browser/iconRenderer.ts b/src/sql/workbench/services/objectExplorer/browser/iconRenderer.ts index e315660482..c684ab094c 100644 --- a/src/sql/workbench/services/objectExplorer/browser/iconRenderer.ts +++ b/src/sql/workbench/services/objectExplorer/browser/iconRenderer.ts @@ -16,8 +16,9 @@ class IconRenderer { const iconPath: ThemedIconUri = this.toThemedIconUri(path); const iconUid: string | undefined = this.getIconUid(iconPath); if (iconUid && !this.iconRegistered.has(iconUid)) { - createCSSRule(`.icon#${iconUid}, .hc-light .icon#${iconUid}`, `background: ${asCSSUrl(iconPath.light || iconPath.dark)} center center no-repeat`); - createCSSRule(`.vs-dark .icon#${iconUid}, .hc-black .icon#${iconUid}`, `background: ${asCSSUrl(iconPath.dark)} center center no-repeat`); + createCSSRule(`.icon#${iconUid}, .hc-light .icon#${iconUid}`, `background-image: ${asCSSUrl(iconPath.light || iconPath.dark)};`); + createCSSRule(`.vs-dark .icon#${iconUid}, .hc-black .icon#${iconUid}`, `background-image: ${asCSSUrl(iconPath.dark)};`); + createCSSRule(`.monaco-list:focus .monaco-list-rows > .monaco-list-row.selected .icon#${iconUid}`, `background-image: ${asCSSUrl(iconPath.dark)};`); this.iconRegistered.add(iconUid); } return iconUid; diff --git a/src/sql/workbench/services/objectExplorer/browser/media/objectTypes/objecttypes.css b/src/sql/workbench/services/objectExplorer/browser/media/objectTypes/objecttypes.css index abfc12478e..7633add46f 100644 --- a/src/sql/workbench/services/objectExplorer/browser/media/objectTypes/objecttypes.css +++ b/src/sql/workbench/services/objectExplorer/browser/media/objectTypes/objecttypes.css @@ -10,168 +10,168 @@ .vs .codicon.table, .vs-dark .codicon.table, .hc-black .codicon.table { - background: url("Table.svg") center center no-repeat; + background-image: url("Table.svg"); } .vs .icon.aggregatefunction, .hc-light .icon.aggregatefunction, .vs-dark .icon.aggregatefunction, .hc-black .icon.aggregatefunction { - background: url("AggregateFunction.svg") center center no-repeat; + background-image: url("AggregateFunction.svg"); } .vs .icon.aggregatefunctionparameter_input, .hc-light .icon.aggregatefunctionparameter_input, .vs-dark .icon.aggregatefunctionparameter_input, .hc-black .icon.aggregatefunctionparameter_input { - background: url("AggregateFunctionParameter_Input.svg") center center no-repeat; + background-image: url("AggregateFunctionParameter_Input.svg"); } .vs .icon.aggregatefunctionparameter_output, .hc-light .icon.aggregatefunctionparameter_output, .vs-dark .icon.aggregatefunctionparameter_output, .hc-black .icon.aggregatefunctionparameter_output { - background: url("AggregateFunctionParameter_Output.svg") center center no-repeat; + background-image: url("AggregateFunctionParameter_Output.svg"); } .vs .icon.aggregatefunctionparameter_return, .hc-light .icon.aggregatefunctionparameter_return, .vs-dark .icon.aggregatefunctionparameter_return, .hc-black .icon.aggregatefunctionparameter_return { - background: url("AggregateFunctionParameter_Return.svg") center center no-repeat; + background-image: url("AggregateFunctionParameter_Return.svg"); } .vs .icon.applicationrole, .hc-light .icon.applicationrole, .vs-dark .icon.applicationrole, .hc-black .icon.applicationrole { - background: url("ApplicationRole.svg") center center no-repeat; + background-image: url("ApplicationRole.svg"); } .vs .icon.assembly, .hc-light .icon.assembly, .vs-dark .icon.assembly, .hc-black .icon.assembly { - background: url("Assembly.svg") center center no-repeat; + background-image: url("Assembly.svg"); } .vs .icon.asymmetrickey, .hc-light .icon.asymmetrickey, .vs-dark .icon.asymmetrickey, .hc-black .icon.asymmetrickey { - background: url("AsymmetricKey.svg") center center no-repeat; + background-image: url("AsymmetricKey.svg"); } .vs .icon.brokerpriority, .hc-light .icon.brokerpriority, .vs-dark .icon.brokerpriority, .hc-black .icon.brokerpriority { - background: url("BrokerPriority.svg") center center no-repeat; + background-image: url("BrokerPriority.svg"); } .vs .icon.certificate, .hc-light .icon.certificate, .vs-dark .icon.certificate, .hc-black .icon.certificate { - background: url("Certificate.svg") center center no-repeat; + background-image: url("Certificate.svg"); } .vs .icon.column, .hc-light .icon.column, .vs-dark .icon.column, .hc-black .icon.column { - background: url("Column.svg") center center no-repeat; + background-image: url("Column.svg"); } .vs .icon.columnencryptionkey, .hc-light .icon.columnencryptionkey, .vs-dark .icon.columnencryptionkey, .hc-black .icon.columnencryptionkey { - background: url("ColumnEncryptionKey.svg") center center no-repeat; + background-image: url("ColumnEncryptionKey.svg"); } .vs .icon.columnmasterkey, .hc-light .icon.columnmasterkey, .vs-dark .icon.columnmasterkey, .hc-black .icon.columnmasterkey { - background: url("ColumnMasterKey.svg") center center no-repeat; + background-image: url("ColumnMasterKey.svg"); } .vs .icon.constraint, .hc-light .icon.constraint, .vs-dark .icon.constraint, .hc-black .icon.constraint { - background: url("Constraint.svg") center center no-repeat; + background-image: url("Constraint.svg"); } .vs .icon.contract, .hc-light .icon.contract, .vs-dark .icon.contract, .hc-black .icon.contract { - background: url("Contract.svg") center center no-repeat; + background-image: url("Contract.svg"); } .vs .icon.database, .hc-light .icon.database, .vs-dark .icon.database, .hc-black .icon.database { - background: url("Database.svg") center center no-repeat; + background-image: url("Database.svg"); } .vs .icon.database_ledger, .hc-light .icon.database_ledger, .vs-dark .icon.database_ledger, .hc-black .icon.database_ledger { - background: url("Database_Ledger.svg") center center no-repeat; + background-image: url("Database_Ledger.svg"); } .vs .icon.database_unavailable, .hc-light .icon.database_unavailable, .vs-dark .icon.database_unavailable, .hc-black .icon.database_unavailable { - background: url("Database_Unavailable.svg") center center no-repeat; + background-image: url("Database_Unavailable.svg"); } .vs .icon.databaseandqueueeventnotification, .hc-light .icon.databaseandqueueeventnotification, .vs-dark .icon.databaseandqueueeventnotification, .hc-black .icon.databaseandqueueeventnotification { - background: url("DatabaseAndQueueEventNotification.svg") center center no-repeat; + background-image: url("DatabaseAndQueueEventNotification.svg"); } .vs .icon.databaseauditspecification, .hc-light .icon.databaseauditspecification, .vs-dark .icon.databaseauditspecification, .hc-black .icon.databaseauditspecification { - background: url("DatabaseAuditSpecification.svg") center center no-repeat; + background-image: url("DatabaseAuditSpecification.svg"); } .vs .icon.databaseencryptionkey, .hc-light .icon.databaseencryptionkey, .vs-dark .icon.databaseencryptionkey, .hc-black .icon.databaseencryptionkey { - background: url("DatabaseEncryptionKey.svg") center center no-repeat; + background-image: url("DatabaseEncryptionKey.svg"); } .vs .icon.databaserole, .hc-light .icon.databaserole, .vs-dark .icon.databaserole, .hc-black .icon.databaserole { - background: url("DatabaseRole.svg") center center no-repeat; + background-image: url("DatabaseRole.svg"); } .vs .icon.databasescopedcredential, .hc-light .icon.databasescopedcredential, .vs-dark .icon.databasescopedcredential, .hc-black .icon.databasescopedcredential { - background: url("DatabaseScopedCredential.svg") center center no-repeat; + background-image: url("DatabaseScopedCredential.svg"); } .vs .icon.databasetrigger, .hc-light .icon.databasetrigger, .vs-dark .icon.databasetrigger, .hc-black .icon.databasetrigger { - background: url("DatabaseTrigger.svg") center center no-repeat; + background-image: url("DatabaseTrigger.svg"); } .vs .icon.defaulticon, @@ -186,77 +186,77 @@ .hc-light .icon.historytable, .vs-dark .icon.historytable, .hc-black .icon.historytable { - background: url("DefaultIcon.svg") center center no-repeat; + background-image: url("DefaultIcon.svg"); } .vs .icon.externaldatasource, .hc-light .icon.externaldatasource, .vs-dark .icon.externaldatasource, .hc-black .icon.externaldatasource { - background: url("ExternalDataSource.svg") center center no-repeat; + background-image: url("ExternalDataSource.svg"); } .vs .icon.externalfileformat, .hc-light .icon.externalfileformat, .vs-dark .icon.externalfileformat, .hc-black .icon.externalfileformat { - background: url("ExternalFileFormat.svg") center center no-repeat; + background-image: url("ExternalFileFormat.svg"); } .vs .icon.filegroupfile, .hc-light .icon.filegroupfile, .vs-dark .icon.filegroupfile, .hc-black .icon.filegroupfile { - background: url("FileGroupFile.svg") center center no-repeat; + background-image: url("FileGroupFile.svg"); } .vs .icon.filegroupfile_mounted, .hc-light .icon.filegroupfile_mounted, .vs-dark .icon.filegroupfile_mounted, .hc-black .icon.filegroupfile_mounted { - background: url("FileGroupFile_mounted.svg") center center no-repeat; + background-image: url("FileGroupFile_mounted.svg"); } .vs .icon.folder, .hc-light .icon.folder, .vs-dark .icon.folder, .hc-black .icon.folder { - background: url("Folder.svg") center center no-repeat; + background-image: url("Folder.svg"); } .vs .icon.folder_mounted, .hc-light .icon.folder_mounted, .vs-dark .icon.folder_mounted, .hc-black .icon.folder_mounted { - background: url("Folder_mounted.svg") center center no-repeat; + background-image: url("Folder_mounted.svg"); } .vs .icon.fulltextcatalog, .hc-light .icon.fulltextcatalog, .vs-dark .icon.fulltextcatalog, .hc-black .icon.fulltextcatalog { - background: url("FullTextCatalog.svg") center center no-repeat; + background-image: url("FullTextCatalog.svg"); } .vs .icon.fulltextstoplist, .hc-light .icon.fulltextstoplist, .vs-dark .icon.fulltextstoplist, .hc-black .icon.fulltextstoplist { - background: url("FullTextStopList.svg") center center no-repeat; + background-image: url("FullTextStopList.svg"); } .vs .icon.index, .hc-light .icon.index, .vs-dark .icon.index, .hc-black .icon.index { - background: url("Index.svg") center center no-repeat; + background-image: url("Index.svg"); } .vs .icon.key_foreignkey, .hc-light .icon.key_foreignkey, .vs-dark .icon.key_foreignkey, .hc-black .icon.key_foreignkey { - background: url("Key_ForeignKey.svg") center center no-repeat; + background-image: url("Key_ForeignKey.svg"); } .vs .icon.key_primarykey, @@ -267,7 +267,7 @@ .hc-light .icon.index_primarykey, .vs-dark .icon.index_primarykey, .hc-black .icon.index_primarykey { - background: url("Key_PrimaryKey.svg") center center no-repeat; + background-image: url("Key_PrimaryKey.svg"); } .vs .icon.key_uniquekey, @@ -278,371 +278,371 @@ .hc-light .icon.index_uniquekey, .vs-dark .icon.index_uniquekey, .hc-black .icon.index_uniquekey { - background: url("Key_UniqueKey.svg") center center no-repeat; + background-image: url("Key_UniqueKey.svg"); } .vs .icon.masterkey, .hc-light .icon.masterkey, .vs-dark .icon.masterkey, .hc-black .icon.masterkey { - background: url("MasterKey.svg") center center no-repeat; + background-image: url("MasterKey.svg"); } .vs .icon.messagetype, .hc-light .icon.messagetype, .vs-dark .icon.messagetype, .hc-black .icon.messagetype { - background: url("MessageType.svg") center center no-repeat; + background-image: url("MessageType.svg"); } .vs .icon.objecttypes.css, .hc-light .icon.objecttypes.css, .vs-dark .icon.objecttypes.css, .hc-black .icon.objecttypes.css { - background: url("objecttypes.css") center center no-repeat; + background-image: url("objecttypes.css"); } .vs .icon.partitionfunction, .hc-light .icon.partitionfunction, .vs-dark .icon.partitionfunction, .hc-black .icon.partitionfunction { - background: url("PartitionFunction.svg") center center no-repeat; + background-image: url("PartitionFunction.svg"); } .vs .icon.partitionscheme, .hc-light .icon.partitionscheme, .vs-dark .icon.partitionscheme, .hc-black .icon.partitionscheme { - background: url("PartitionScheme.svg") center center no-repeat; + background-image: url("PartitionScheme.svg"); } .vs .icon.queue, .hc-light .icon.queue, .vs-dark .icon.queue, .hc-black .icon.queue { - background: url("Queue.svg") center center no-repeat; + background-image: url("Queue.svg"); } .vs .icon.remoteservicebinding, .hc-light .icon.remoteservicebinding, .vs-dark .icon.remoteservicebinding, .hc-black .icon.remoteservicebinding { - background: url("RemoteServiceBinding.svg") center center no-repeat; + background-image: url("RemoteServiceBinding.svg"); } .vs .icon.route, .hc-light .icon.route, .vs-dark .icon.route, .hc-black .icon.route { - background: url("Route.svg") center center no-repeat; + background-image: url("Route.svg"); } .vs .icon.scalarvaluedfunction, .hc-light .icon.scalarvaluedfunction, .vs-dark .icon.scalarvaluedfunction, .hc-black .icon.scalarvaluedfunction { - background: url("ScalarValuedFunction.svg") center center no-repeat; + background-image: url("ScalarValuedFunction.svg"); } .vs .icon.scalarvaluedfunctionparameter_input, .hc-light .icon.scalarvaluedfunctionparameter_input, .vs-dark .icon.scalarvaluedfunctionparameter_input, .hc-black .icon.scalarvaluedfunctionparameter_input { - background: url("ScalarValuedFunctionParameter_Input.svg") center center no-repeat; + background-image: url("ScalarValuedFunctionParameter_Input.svg"); } .vs .icon.scalarvaluedfunctionparameter_output, .hc-light .icon.scalarvaluedfunctionparameter_output, .vs-dark .icon.scalarvaluedfunctionparameter_output, .hc-black .icon.scalarvaluedfunctionparameter_output { - background: url("ScalarValuedFunctionParameter_Output.svg") center center no-repeat; + background-image: url("ScalarValuedFunctionParameter_Output.svg"); } .vs .icon.scalarvaluedfunctionparameter_return, .hc-light .icon.scalarvaluedfunctionparameter_return, .vs-dark .icon.scalarvaluedfunctionparameter_return, .hc-black .icon.scalarvaluedfunctionparameter_return { - background: url("ScalarValuedFunctionParameter_Return.svg") center center no-repeat; + background-image: url("ScalarValuedFunctionParameter_Return.svg"); } .vs .icon.schema, .hc-light .icon.schema, .vs-dark .icon.schema, .hc-black .icon.schema { - background: url("Schema.svg") center center no-repeat; + background-image: url("Schema.svg"); } .vs .icon.searchpropertylist, .hc-light .icon.searchpropertylist, .vs-dark .icon.searchpropertylist, .hc-black .icon.searchpropertylist { - background: url("SearchPropertyList.svg") center center no-repeat; + background-image: url("SearchPropertyList.svg"); } .vs .icon.securitypolicy, .hc-light .icon.securitypolicy, .vs-dark .icon.securitypolicy, .hc-black .icon.securitypolicy { - background: url("SecurityPolicy.svg") center center no-repeat; + background-image: url("SecurityPolicy.svg"); } .vs .icon.sequence, .hc-light .icon.sequence, .vs-dark .icon.sequence, .hc-black .icon.sequence { - background: url("Sequence.svg") center center no-repeat; + background-image: url("Sequence.svg"); } .vs .icon.server, .hc-light .icon.server, .vs-dark .icon.server, .hc-black .icon.server { - background: url("Server.svg") center center no-repeat; + background-image: url("Server.svg"); } .vs .icon.serverlevelcredential, .hc-light .icon.serverlevelcredential, .vs-dark .icon.serverlevelcredential, .hc-black .icon.serverlevelcredential { - background: url("ServerLevelCredential.svg") center center no-repeat; + background-image: url("ServerLevelCredential.svg"); } .vs .icon.serverlevelcryptographicprovider, .hc-light .icon.serverlevelcryptographicprovider, .vs-dark .icon.serverlevelcryptographicprovider, .hc-black .icon.serverlevelcryptographicprovider { - background: url("ServerLevelCryptographicProvider.svg") center center no-repeat; + background-image: url("ServerLevelCryptographicProvider.svg"); } .vs .icon.serverlevelendpoint, .hc-light .icon.serverlevelendpoint, .vs-dark .icon.serverlevelendpoint, .hc-black .icon.serverlevelendpoint { - background: url("ServerLevelEndpoint.svg") center center no-repeat; + background-image: url("ServerLevelEndpoint.svg"); } .vs .icon.serverlevellinkedserver, .hc-light .icon.serverlevellinkedserver, .vs-dark .icon.serverlevellinkedserver, .hc-black .icon.serverlevellinkedserver { - background: url("ServerLevelLinkedServer.svg") center center no-repeat; + background-image: url("ServerLevelLinkedServer.svg"); } .vs .icon.serverlevellinkedserverlogin, .hc-light .icon.serverlevellinkedserverlogin, .vs-dark .icon.serverlevellinkedserverlogin, .hc-black .icon.serverlevellinkedserverlogin { - background: url("ServerLevelLinkedServerLogin.svg") center center no-repeat; + background-image: url("ServerLevelLinkedServerLogin.svg"); } .vs .icon.serverlevellinkedserverlogin_disabled, .hc-light .icon.serverlevellinkedserverlogin_disabled, .vs-dark .icon.serverlevellinkedserverlogin_disabled, .hc-black .icon.serverlevellinkedserverlogin_disabled { - background: url("ServerLevelLinkedServerLogin_Disabled.svg") center center no-repeat; + background-image: url("ServerLevelLinkedServerLogin_Disabled.svg"); } .vs .icon.serverlevellogin, .hc-light .icon.serverlevellogin, .vs-dark .icon.serverlevellogin, .hc-black .icon.serverlevellogin { - background: url("ServerLevelLogin.svg") center center no-repeat; + background-image: url("ServerLevelLogin.svg"); } .vs .icon.serverlevellogin_disabled, .hc-light .icon.serverlevellogin_disabled, .vs-dark .icon.serverlevellogin_disabled, .hc-black .icon.serverlevellogin_disabled { - background: url("ServerLevelLogin_Disabled.svg") center center no-repeat; + background-image: url("ServerLevelLogin_Disabled.svg"); } .vs .icon.serverlevelserveraudit, .hc-light .icon.serverlevelserveraudit, .vs-dark .icon.serverlevelserveraudit, .hc-black .icon.serverlevelserveraudit { - background: url("ServerLevelServerAudit.svg") center center no-repeat; + background-image: url("ServerLevelServerAudit.svg"); } .vs .icon.serverlevelserverauditspecification, .hc-light .icon.serverlevelserverauditspecification, .vs-dark .icon.serverlevelserverauditspecification, .hc-black .icon.serverlevelserverauditspecification { - background: url("ServerLevelServerAuditSpecification.svg") center center no-repeat; + background-image: url("ServerLevelServerAuditSpecification.svg"); } .vs .icon.serverlevelserverrole, .hc-light .icon.serverlevelserverrole, .vs-dark .icon.serverlevelserverrole, .hc-black .icon.serverlevelserverrole { - background: url("ServerLevelServerRole.svg") center center no-repeat; + background-image: url("ServerLevelServerRole.svg"); } .vs .icon.serverlevelservertrigger, .hc-light .icon.serverlevelservertrigger, .vs-dark .icon.serverlevelservertrigger, .hc-black .icon.serverlevelservertrigger { - background: url("ServerLevelServerTrigger.svg") center center no-repeat; + background-image: url("ServerLevelServerTrigger.svg"); } .vs .icon.serverlevelservertrigger_disabled, .hc-light .icon.serverlevelservertrigger_disabled, .vs-dark .icon.serverlevelservertrigger_disabled, .hc-black .icon.serverlevelservertrigger_disabled { - background: url("ServerLevelServerTrigger_Disabled.svg") center center no-repeat; + background-image: url("ServerLevelServerTrigger_Disabled.svg"); } .vs .icon.service, .hc-light .icon.service, .vs-dark .icon.service, .hc-black .icon.service { - background: url("Service.svg") center center no-repeat; + background-image: url("Service.svg"); } .vs .icon.sqllogfile, .hc-light .icon.sqllogfile, .vs-dark .icon.sqllogfile, .hc-black .icon.sqllogfile { - background: url("SqlLogFile.svg") center center no-repeat; + background-image: url("SqlLogFile.svg"); } .vs .icon.statistic, .hc-light .icon.statistic, .vs-dark .icon.statistic, .hc-black .icon.statistic { - background: url("Statistic.svg") center center no-repeat; + background-image: url("Statistic.svg"); } .vs .icon.storedprocedure, .hc-light .icon.storedprocedure, .vs-dark .icon.storedprocedure, .hc-black .icon.storedprocedure { - background: url("StoredProcedure.svg") center center no-repeat; + background-image: url("StoredProcedure.svg"); } .vs .icon.storedprocedureparameter_input, .hc-light .icon.storedprocedureparameter_input, .vs-dark .icon.storedprocedureparameter_input, .hc-black .icon.storedprocedureparameter_input { - background: url("StoredProcedureParameter_Input.svg") center center no-repeat; + background-image: url("StoredProcedureParameter_Input.svg"); } .vs .icon.storedprocedureparameter_output, .hc-light .icon.storedprocedureparameter_output, .vs-dark .icon.storedprocedureparameter_output, .hc-black .icon.storedprocedureparameter_output { - background: url("StoredProcedureParameter_Output.svg") center center no-repeat; + background-image: url("StoredProcedureParameter_Output.svg"); } .vs .icon.storedprocedureparameter_return, .hc-light .icon.storedprocedureparameter_return, .vs-dark .icon.storedprocedureparameter_return, .hc-black .icon.storedprocedureparameter_return { - background: url("StoredProcedureParameter_Return.svg") center center no-repeat; + background-image: url("StoredProcedureParameter_Return.svg"); } .vs .icon.symmetrickey, .hc-light .icon.symmetrickey, .vs-dark .icon.symmetrickey, .hc-black .icon.symmetrickey { - background: url("SymmetricKey.svg") center center no-repeat; + background-image: url("SymmetricKey.svg"); } .vs .icon.synonym, .hc-light .icon.synonym, .vs-dark .icon.synonym, .hc-black .icon.synonym { - background: url("Synonym.svg") center center no-repeat; + background-image: url("Synonym.svg"); } .vs .icon.systemapproximatenumeric, .hc-light .icon.systemapproximatenumeric, .vs-dark .icon.systemapproximatenumeric, .hc-black .icon.systemapproximatenumeric { - background: url("SystemApproximateNumeric.svg") center center no-repeat; + background-image: url("SystemApproximateNumeric.svg"); } .vs .icon.systembinarystring, .hc-light .icon.systembinarystring, .vs-dark .icon.systembinarystring, .hc-black .icon.systembinarystring { - background: url("SystemBinaryString.svg") center center no-repeat; + background-image: url("SystemBinaryString.svg"); } .vs .icon.systemcharacterstring, .hc-light .icon.systemcharacterstring, .vs-dark .icon.systemcharacterstring, .hc-black .icon.systemcharacterstring { - background: url("SystemCharacterString.svg") center center no-repeat; + background-image: url("SystemCharacterString.svg"); } .vs .icon.systemclrdatatype, .hc-light .icon.systemclrdatatype, .vs-dark .icon.systemclrdatatype, .hc-black .icon.systemclrdatatype { - background: url("SystemClrDataType.svg") center center no-repeat; + background-image: url("SystemClrDataType.svg"); } .vs .icon.systemcontract, .hc-light .icon.systemcontract, .vs-dark .icon.systemcontract, .hc-black .icon.systemcontract { - background: url("SystemContract.svg") center center no-repeat; + background-image: url("SystemContract.svg"); } .vs .icon.systemdateandtime, .hc-light .icon.systemdateandtime, .vs-dark .icon.systemdateandtime, .hc-black .icon.systemdateandtime { - background: url("SystemDateAndTime.svg") center center no-repeat; + background-image: url("SystemDateAndTime.svg"); } .vs .icon.systemexactnumeric, .hc-light .icon.systemexactnumeric, .vs-dark .icon.systemexactnumeric, .hc-black .icon.systemexactnumeric { - background: url("SystemExactNumeric.svg") center center no-repeat; + background-image: url("SystemExactNumeric.svg"); } .vs .icon.systemmessagetype, .hc-light .icon.systemmessagetype, .vs-dark .icon.systemmessagetype, .hc-black .icon.systemmessagetype { - background: url("SystemMessageType.svg") center center no-repeat; + background-image: url("SystemMessageType.svg"); } .vs .icon.systemotherdatatype, .hc-light .icon.systemotherdatatype, .vs-dark .icon.systemotherdatatype, .hc-black .icon.systemotherdatatype { - background: url("SystemOtherDataType.svg") center center no-repeat; + background-image: url("SystemOtherDataType.svg"); } .vs .icon.systemqueue, .hc-light .icon.systemqueue, .vs-dark .icon.systemqueue, .hc-black .icon.systemqueue { - background: url("SystemQueue.svg") center center no-repeat; + background-image: url("SystemQueue.svg"); } .vs .icon.systemservice, .hc-light .icon.systemservice, .vs-dark .icon.systemservice, .hc-black .icon.systemservice { - background: url("SystemService.svg") center center no-repeat; + background-image: url("SystemService.svg"); } .vs .icon.systemspatialdatatype, .hc-light .icon.systemspatialdatatype, .vs-dark .icon.systemspatialdatatype, .hc-black .icon.systemspatialdatatype { - background: url("SystemSpatialDataType.svg") center center no-repeat; + background-image: url("SystemSpatialDataType.svg"); } .vs .icon.systemunicodecharacterstring, .hc-light .icon.systemunicodecharacterstring, .vs-dark .icon.systemunicodecharacterstring, .hc-black .icon.systemunicodecharacterstring { - background: url("SystemUnicodeCharacterString.svg") center center no-repeat; + background-image: url("SystemUnicodeCharacterString.svg"); } .vs .icon.function, @@ -653,28 +653,28 @@ .hc-light .icon.tablevaluedfunction, .vs-dark .icon.tablevaluedfunction, .hc-black .icon.tablevaluedfunction { - background: url("TableValuedFunction.svg") center center no-repeat; + background-image: url("TableValuedFunction.svg"); } .vs .icon.tablevaluedfunctionparameter_input, .hc-light .icon.tablevaluedfunctionparameter_input, .vs-dark .icon.tablevaluedfunctionparameter_input, .hc-black .icon.tablevaluedfunctionparameter_input { - background: url("TableValuedFunctionParameter_Input.svg") center center no-repeat; + background-image: url("TableValuedFunctionParameter_Input.svg"); } .vs .icon.tablevaluedfunctionparameter_output, .hc-light .icon.tablevaluedfunctionparameter_output, .vs-dark .icon.tablevaluedfunctionparameter_output, .hc-black .icon.tablevaluedfunctionparameter_output { - background: url("TableValuedFunctionParameter_Output.svg") center center no-repeat; + background-image: url("TableValuedFunctionParameter_Output.svg"); } .vs .icon.tablevaluedfunctionparameter_return, .hc-light .icon.tablevaluedfunctionparameter_return, .vs-dark .icon.tablevaluedfunctionparameter_return, .hc-black .icon.tablevaluedfunctionparameter_return { - background: url("TableValuedFunctionParameter_Return.svg") center center no-repeat; + background-image: url("TableValuedFunctionParameter_Return.svg"); } .vs .icon.table_ledgerappendonly, @@ -688,118 +688,118 @@ .vs .icon.table_ledgerdropped, .hc-light .icon.table_ledgerdropped, .vs-dark .icon.table_ledgerdropped, -.hc-black .icon.table_ledgerdropped { - background: url("Table_Ledger.svg") center center no-repeat; +.hc-black .icon.table_ledgerdropped { + background-image: url("Table_Ledger.svg"); } .vs .icon.table_temporal, .hc-light .icon.table_temporal, .vs-dark .icon.table_temporal, .hc-black .icon.table_temporal { - background: url("Table_Temporal.svg") center center no-repeat; + background-image: url("Table_Temporal.svg"); } .vs .icon.table_graphnode, .hc-light .icon.table_graphnode, .vs-dark .icon.table_graphnode, .hc-black .icon.table_graphnode { - background: url("Table_GraphNode.svg") center center no-repeat; + background-image: url("Table_GraphNode.svg"); } .vs .icon.table_graphedge, .hc-light .icon.table_graphedge, .vs-dark .icon.table_graphedge, .hc-black .icon.table_graphedge { - background: url("Table_GraphEdge.svg") center center no-repeat; + background-image: url("Table_GraphEdge.svg"); } .vs .icon.historytable_ledgerhistory, .hc-light .icon.historytable_ledgerhistory, .vs-dark .icon.historytable_ledgerhistory, .hc-black .icon.historytable_ledgerhistory { - background: url("Table_LedgerHistory.svg") center center no-repeat; + background-image: url("Table_LedgerHistory.svg"); } .vs .icon.trigger, .hc-light .icon.trigger, .vs-dark .icon.trigger, .hc-black .icon.trigger { - background: url("Trigger.svg") center center no-repeat; + background-image: url("Trigger.svg"); } .vs .icon.trigger_disabled, .hc-light .icon.trigger_disabled, .vs-dark .icon.trigger_disabled, .hc-black .icon.trigger_disabled { - background: url("Trigger_Disabled.svg") center center no-repeat; + background-image: url("Trigger_Disabled.svg"); } .vs .icon.user, .hc-light .icon.user, .vs-dark .icon.user, .hc-black .icon.user { - background: url("User.svg") center center no-repeat; + background-image: url("User.svg"); } .vs .icon.user_disabled, .hc-light .icon.user_disabled, .vs-dark .icon.user_disabled, .hc-black .icon.user_disabled { - background: url("User_Disabled.svg") center center no-repeat; + background-image: url("User_Disabled.svg"); } .vs .icon.userdefineddatatype, .hc-light .icon.userdefineddatatype, .vs-dark .icon.userdefineddatatype, .hc-black .icon.userdefineddatatype { - background: url("UserDefinedDataType.svg") center center no-repeat; + background-image: url("UserDefinedDataType.svg"); } .vs .icon.userdefinedtabletype, .hc-light .icon.userdefinedtabletype, .vs-dark .icon.userdefinedtabletype, .hc-black .icon.userdefinedtabletype { - background: url("UserDefinedTableType.svg") center center no-repeat; + background-image: url("UserDefinedTableType.svg"); } .vs .icon.userdefinedtabletypecolumn, .hc-light .icon.userdefinedtabletypecolumn, .vs-dark .icon.userdefinedtabletypecolumn, .hc-black .icon.userdefinedtabletypecolumn { - background: url("UserDefinedTableTypeColumn.svg") center center no-repeat; + background-image: url("UserDefinedTableTypeColumn.svg"); } .vs .icon.userdefinedtabletypeconstraint, .hc-light .icon.userdefinedtabletypeconstraint, .vs-dark .icon.userdefinedtabletypeconstraint, .hc-black .icon.userdefinedtabletypeconstraint { - background: url("UserDefinedTableTypeConstraint.svg") center center no-repeat; + background-image: url("UserDefinedTableTypeConstraint.svg"); } .vs .icon.userdefinedtype, .hc-light .icon.userdefinedtype, .vs-dark .icon.userdefinedtype, .hc-black .icon.userdefinedtype { - background: url("UserDefinedType.svg") center center no-repeat; + background-image: url("UserDefinedType.svg"); } .vs .icon.view, .hc-light .icon.view, .vs-dark .icon.view, .hc-black .icon.view { - background: url("View.svg") center center no-repeat; + background-image: url("View.svg"); } .vs .icon.view_ledger, .hc-light .icon.view_ledger, .vs-dark .icon.view_ledger, .hc-black .icon.view_ledger { - background: url("View_Ledger.svg") center center no-repeat; + background-image: url("View_Ledger.svg"); } .vs .icon.xmlschemacollection, .hc-light .icon.xmlschemacollection, .vs-dark .icon.xmlschemacollection, .hc-black .icon.xmlschemacollection { - background: url("XmlSchemaCollection.svg") center center no-repeat; + background-image: url("XmlSchemaCollection.svg"); }