Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-09-29 00:46:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

[icons] no need to css-escape class names in html

Browse Source
This commit is contained in:
Martin Aeschlimann
2016-08-23 15:33:37 +02:00
parent 3b708a36d3
commit 1cfae32db4
1 changed files with 4 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/vs/workbench/parts/files/browser/views/explorerViewer.ts
+4 -15
View File
@@ -52,11 +52,6 @@ import {IKeyboardEvent} from 'vs/base/browser/keyboardEvent';
import {IMenuService, IMenu, MenuId} from 'vs/platform/actions/common/actions';
import {fillInActions} from 'vs/platform/actions/browser/menuItemActionItem';
interface CSSEscapeSupport extends Window {
CSS: {
escape: (val: string) => string;
};
}
export class FileDataSource implements IDataSource {
private workspace: IWorkspace;
@@ -404,19 +399,19 @@ export class FileRenderer extends ActionsRenderer implements IRenderer {
const name = dotSegments[0]; // file.txt => "file", .dockerfile => "", file.some.txt => "file"
if (name) {
classes.push(`${this.cssEscape(name.toLowerCase())}-name-file-icon`);
classes.push(`${name.toLowerCase()}-name-file-icon`);
}
const extensions = dotSegments.splice(1);
if (extensions.length > 0) {
for (let i = 0; i < extensions.length; i++) {
classes.push(`${this.cssEscape(extensions.slice(i).join('.').toLowerCase())}-ext-file-icon`); // add each combination of all found extensions if more than one
classes.push(`${extensions.slice(i).join('.').toLowerCase()}-ext-file-icon`); // add each combination of all found extensions if more than one
}
}
const langId = this.modeService.getModeIdByFilenameOrFirstLine(fsPath);
if (langId) {
classes.push(`${this.cssEscape(langId)}-lang-file-icon`);
classes.push(`${langId}-lang-file-icon`);
}
return classes;
@@ -428,17 +423,11 @@ export class FileRenderer extends ActionsRenderer implements IRenderer {
const classes = ['folder-icon'];
if (basename) {
classes.push(`${this.cssEscape(basename.toLowerCase())}-name-folder-icon`);
classes.push(`${basename.toLowerCase()}-name-folder-icon`);
}
return classes;
}
private cssEscape(val: string): string {
const cssEscapeSupport = window as CSSEscapeSupport;
return cssEscapeSupport.CSS.escape(val);
}
}
// Explorer Accessibility Provider