diff --git a/src/vs/workbench/parts/extensions/electron-browser/extensionEditor.ts b/src/vs/workbench/parts/extensions/electron-browser/extensionEditor.ts index 307f56ba67af88bc44e65aae570ee258b219dced..80836f837ac22c2c44ee1a4abad3d9d4994e57e2 100644 --- a/src/vs/workbench/parts/extensions/electron-browser/extensionEditor.ts +++ b/src/vs/workbench/parts/extensions/electron-browser/extensionEditor.ts @@ -5,7 +5,6 @@ 'use strict'; -import 'vs/css!./media/extensions2'; import { TPromise } from 'vs/base/common/winjs.base'; import { marked } from 'vs/base/common/marked/marked'; import { assign } from 'vs/base/common/objects'; diff --git a/src/vs/workbench/parts/extensions/electron-browser/extensionsList.ts b/src/vs/workbench/parts/extensions/electron-browser/extensionsList.ts index 21f0e418754a469bed0be5937a7cc653ace6d253..ecf66c9a41e27e56db1218b7146350c9b0fe861a 100644 --- a/src/vs/workbench/parts/extensions/electron-browser/extensionsList.ts +++ b/src/vs/workbench/parts/extensions/electron-browser/extensionsList.ts @@ -5,7 +5,6 @@ 'use strict'; -import 'vs/css!./media/extensions2'; import { localize } from 'vs/nls'; import { append, emmet as $, addClass, removeClass } from 'vs/base/browser/dom'; import { IInstantiationService } from 'vs/platform/instantiation/common/instantiation'; diff --git a/src/vs/workbench/parts/extensions/electron-browser/media/extensions2.css b/src/vs/workbench/parts/extensions/electron-browser/media/extensions2.css deleted file mode 100644 index eb5b24278d113a9473ad61c640f096bd6dcd981a..0000000000000000000000000000000000000000 --- a/src/vs/workbench/parts/extensions/electron-browser/media/extensions2.css +++ /dev/null @@ -1,161 +0,0 @@ -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -/* Extension Manager */ - -.extension-manager { - position: relative; - background: #f1f1f1; - width: 100%; - height: 100%; -} - -.extension-manager > .search, -.extension-manager > .extensions { - width: 100%; - max-width: 800px; - margin: 0 auto; -} - -.extension-manager > .search { - box-sizing: border-box; - padding: 10px; - height: 72px; -} - -.extension-manager > .search > .search-box { - margin: 10px 0; - width: calc(100% - 28px); /* TODO: HACK */ - padding: 10px 8px; - font-size: 16px; - border: 1px solid gainsboro; -} - -.extension-manager > .extensions { - position: relative; - overflow: hidden; -} - -.extension-manager .extensions.loading { - background-image: url('loading.svg'); - background-position: top center; - background-repeat: no-repeat; -} - -.extension-manager > .extensions > .overlay { - box-sizing: border-box; - position: absolute; - width: 100%; - left: 0; - padding: 0 20px 0 10px; -} - -.extension-manager.animated > .extensions > .overlay { - transition-property: top, height, padding; - transition-duration: 0.2s; - transition-timing-function: ease-out; -} - -.extension-manager > .extensions > .monaco-list { - transition-property: opacity; - transition-duration: 0.2s; - transition-timing-function: ease-out; -} - -.extension-manager.highlight-in > .extensions > .monaco-list { - opacity: 0; -} - -.extension-manager.highlighted > .extensions > .monaco-list { - display: none; -} - -.extension-manager .monaco-list-row.selected { - background-color: inherit; - color: inherit; -} - -.extension-manager .monaco-list-row:hover { - background-color: inherit; -} - -.extension-manager .extension-container { - width: 100%; - height: 100%; -} - -.extension-manager .extension-container > .extension { - margin: 10px 20px 10px 10px; - width: calc(100% - 30px); - height: calc(100% - 20px); - overflow: hidden; - display: flex; - flex-direction: column; -} - -.extension-manager .overlay .extension-container > .extension { - margin: 0; - width: 100%; - height: 100%; -} - -.extension-manager > .extensions > .overlay > .highlighted-extension, -.extension-manager .extension-container > .extension { - background-color: white; -} - -.extension-manager .monaco-list .extension-container > .extension { - box-shadow: 2px 2px 5px rgba(0,0,0,.1); -} - -.extension-manager .monaco-list .extension-container > .extension:hover { - box-shadow: 2px 2px 5px rgba(0,0,0,.25); -} - -.extension-manager .extension-container > .extension.loading { - background-image: url('loading.svg'); - background-position: center center; - background-repeat: no-repeat; -} - -.extension-manager .extension-container > .extension > .header { - display: flex; -} - -.extension-manager .extension-container > .extension > .header > .icon { - box-sizing: border-box; - width: 70px; - height: 70px; - padding: 8px; -} - -.extension-manager .extension-container > .extension > .header > .details { - flex: 1; - padding: 8px; -} - -.extension-manager .extension-container > .extension > .header > .details > .title > .name { - font-weight: bold; -} - -.extension-manager .extension-container > .extension > .header > .details > .subtitle { - font-size: 90%; -} - -.extension-manager .extension-container > .extension > .header > .details > .subtitle > .author { - font-style: italic; -} - -.extension-manager .extension-container > .extension > .header > .details > div { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - -.extension-manager .extension-container > .extension > .body { - flex: 1; - overflow-y: scroll; - padding: 10px; -} \ No newline at end of file