提交 a58e086d 编写于 作者: B Benjamin Pasero

theming 💄

上级 7e1034c5
......@@ -31,25 +31,6 @@
display: inline-block;
}
.dropdown > .dropdown-label:not(:empty):not(.tick) {
.dropdown > .dropdown-label:not(:empty) {
padding: 0 .5em;
}
.dropdown > .dropdown-label:empty.tick {
padding: 0 1em 0 0;
}
.dropdown > .dropdown-label.tick {
padding: 0 1em 0 .5em;
}
.dropdown > .dropdown-label.tick:after {
content: '';
width: 0;
height: 0;
position: relative;
top: 1em;
left: .5em;
border: 4px solid transparent;
border-top: 4px solid #fff;
}
\ No newline at end of file
......@@ -10,7 +10,7 @@ import { Builder, $ } from 'vs/base/browser/builder';
import { TPromise } from 'vs/base/common/winjs.base';
import { Gesture, EventType } from 'vs/base/browser/touch';
import { ActionRunner, IAction } from 'vs/base/common/actions';
import { ActionItem, IActionItem } from 'vs/base/browser/ui/actionbar/actionbar';
import { IActionItem } from 'vs/base/browser/ui/actionbar/actionbar';
import { EventEmitter } from 'vs/base/common/eventEmitter';
import { IDisposable, dispose } from 'vs/base/common/lifecycle';
import { IContextViewProvider } from 'vs/base/browser/ui/contextview/contextview';
......@@ -22,17 +22,14 @@ export interface ILabelRenderer {
}
export interface IBaseDropdownOptions {
tick?: boolean;
label?: string;
labelRenderer?: ILabelRenderer;
action?: IAction;
}
export class BaseDropdown extends ActionRunner {
private _toDispose: IDisposable[];
private $el: Builder;
private $boxContainer: Builder;
private $action: Builder;
private $label: Builder;
private $contents: Builder;
......@@ -45,29 +42,7 @@ export class BaseDropdown extends ActionRunner {
this.$label = $('.dropdown-label');
if (options.tick || options.action) {
this.$label.addClass('tick');
}
let labelRenderer = options.labelRenderer;
if (!labelRenderer && options.action) {
this.$action = $('.dropdown-action').appendTo(this.$el);
let item = new ActionItem(null, options.action, {
icon: true,
label: true
});
item.actionRunner = this;
item.render(this.$action.getHTMLElement());
labelRenderer = (container: HTMLElement): IDisposable => {
container.innerText = '';
return item;
};
}
if (!labelRenderer) {
labelRenderer = (container: HTMLElement): IDisposable => {
$(container).text(options.label || '');
......
......@@ -3,7 +3,7 @@
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
.monaco-toolbar .dropdown > .dropdown-label:not(:empty):not(.tick) {
.monaco-toolbar .dropdown > .dropdown-label:not(:empty) {
padding: 0;
}
......
......@@ -50,8 +50,6 @@
.monaco-tree-drag-image {
display: inline-block;
padding: 1px 7px;
color: white;
background-color: #4A4A4A;
border-radius: 10px;
font-size: 12px;
position: absolute;
......
......@@ -574,11 +574,17 @@ export class TreeView extends HeightMap {
}
if (styles.listFocusAndSelectionBackground) {
content.push(`.monaco-tree.monaco-tree-instance-${this.instance}.focused .monaco-tree-rows > .monaco-tree-row.focused.selected:not(.highlighted) { background-color: ${styles.listFocusAndSelectionBackground}; }`);
content.push(`
.monaco-tree-drag-image,
.monaco-tree.monaco-tree-instance-${this.instance}.focused .monaco-tree-rows > .monaco-tree-row.focused.selected:not(.highlighted) { background-color: ${styles.listFocusAndSelectionBackground}; }
`);
}
if (styles.listFocusAndSelectionForeground) {
content.push(`.monaco-tree.monaco-tree-instance-${this.instance}.focused .monaco-tree-rows > .monaco-tree-row.focused.selected:not(.highlighted) { color: ${styles.listFocusAndSelectionForeground}; }`);
content.push(`
.monaco-tree-drag-image,
.monaco-tree.monaco-tree-instance-${this.instance}.focused .monaco-tree-rows > .monaco-tree-row.focused.selected:not(.highlighted) { color: ${styles.listFocusAndSelectionForeground}; }
`);
}
if (styles.listInactiveSelectionBackground) {
......@@ -606,6 +612,7 @@ export class TreeView extends HeightMap {
if (styles.listFocusOutline) {
content.push(`
.monaco-tree-drag-image { border: 1px solid ${styles.listFocusOutline}; background: #000; }
.monaco-tree.monaco-tree-instance-${this.instance} .monaco-tree-rows > .monaco-tree-row { border: 1px solid transparent; }
.monaco-tree.monaco-tree-instance-${this.instance}.focused .monaco-tree-rows > .monaco-tree-row.focused:not(.highlighted) { border: 1px dotted ${styles.listFocusOutline}; }
.monaco-tree.monaco-tree-instance-${this.instance}.focused .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) { border: 1px solid ${styles.listFocusOutline}; }
......
......@@ -19,13 +19,6 @@
vertical-align: top;
}
.monaco-editor .reference-zone-widget .label {
font-size: 0.9em;
text-align: center;
color: #646465;
margin-top: 6px;
}
.monaco-editor .reference-zone-widget .messages {
height: 100%;
width: 100%;
......@@ -38,19 +31,6 @@
font-size: 13px;
}
.monaco-editor .reference-zone-widget .ref-tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.has-children > .content:before {
border-left-color: #A6A6A6;
}
.monaco-editor .reference-zone-widget .ref-tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.has-children > .content:after {
border-left-color: rgba(51, 153, 255, .2);
}
.monaco-editor .reference-zone-widget .ref-tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.expanded > .content:before {
border-right-color: #646465;
border-left-color: transparent;
}
.monaco-editor .reference-zone-widget .ref-tree .reference {
text-overflow: ellipsis;
overflow: hidden;
......@@ -65,26 +45,6 @@
margin-right: 12px;
}
/* dark room */
.monaco-editor.vs-dark .reference-zone-widget .ref-tree .block,
.monaco-editor.vs-dark .reference-zone-widget .overlay {
background-color: #1e1e1e;
}
.monaco-editor.vs-dark .reference-zone-widget .ref-tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.has-children > .content:before {
border-left-color: white;
}
.monaco-editor.vs-dark .reference-zone-widget .ref-tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.has-children > .content:after {
border-left-color: rgba(51, 153, 255, .2);
}
.monaco-editor.vs-dark .reference-zone-widget .ref-tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.expanded > .content:before {
border-right-color: white;
border-left-color: transparent;
}
/* High Contrast Theming */
.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file {
......
......@@ -58,12 +58,6 @@
white-space: nowrap;
}
.extension-editor > .header > .details > .title .extension-status {
width: 10px;
height: 10px;
margin-left: 10px;
}
.extension-editor > .header > .details > .subtitle {
padding-top: 10px;
white-space: nowrap;
......
......@@ -46,22 +46,4 @@
.extension-ratings.small > .count {
margin-left: 2px;
}
.extension-status {
display: none;
}
.extension-status.active,
.extension-status.disabled {
border-radius: 50%;
display: inline-block;
}
.extension-status.active {
background: #478E4B;
}
.extension-status.disabled {
background: #5f5f5f;
}
\ No newline at end of file
......@@ -123,12 +123,6 @@
display: none;
}
.extensions-viewlet > .extensions .extension > .details > .header-container .extension-status {
width: 8px;
height: 8px;
margin-left: 6px;
}
.extensions-viewlet > .extensions .extension > .details > .footer {
display: flex;
justify-content: flex-end;
......
......@@ -118,10 +118,6 @@
width: 20%;
}
.monaco-shell .feedback-form .feedback-sentiment span {
color:rgb(111, 111, 111);
}
.monaco-shell .feedback-form .sentiment {
height: 32px;
width: 32px;
......
......@@ -63,13 +63,4 @@
.monaco-editor .keybindingError {
box-shadow: inset 0 0 0 1px #B9B9B9;
background-color: rgba(250, 100, 100, 0.2);
}
/* launcher widget */
.monaco-editor .defineKeybindingLauncher {
background: #007ACC;
color: white;
padding: 10px;
border-radius: 5px;
cursor: pointer;
}
\ No newline at end of file
......@@ -38,10 +38,6 @@
height: 30px;
}
.keybindings-editor > .keybindings-header .search-container > .settings-search-input > .monaco-inputbox {
border: 1px solid #ddd;
}
.keybindings-editor > .keybindings-header .search-container > .settings-search-input > .monaco-inputbox .input {
font-size: 14px;
padding-left:10px;
......@@ -49,7 +45,7 @@
.keybindings-editor > .keybindings-header .open-keybindings-container {
margin-top: 10px;
color: #aaa;
opacity: 0.7;
display: flex;
}
......@@ -59,17 +55,6 @@
margin-left: 4px;
}
/* body styling */
.keybindings-editor > .keybindings-body {
border-top: 1px solid #efeff2;
}
.vs-dark .keybindings-editor > .keybindings-body {
border-top: 1px solid #2d2d2d;
}
/** List based styling **/
.keybindings-editor > .keybindings-body .keybindings-list-container {
......
......@@ -4,7 +4,6 @@
*--------------------------------------------------------------------------------------------*/
.preferences-editor > .preferences-header {
border-bottom: 1px solid #efeff2;
display: flex;
flex-wrap: wrap;
padding-left: 27px;
......@@ -19,10 +18,6 @@
padding-bottom: 5px;
}
.vs-dark .preferences-editor > .preferences-header {
border-bottom: 1px solid #2d2d2d;
}
.preferences-editor > .preferences-editors-container.side-by-side-preferences-editor {
position: relative;
}
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册