Skip to content

Commit

Permalink
Fixes #2670: reference search tree css rules overwrite suggest widget…
Browse files Browse the repository at this point in the history 
… css rules
  • Loading branch information
@alexdima
alexdima committed Mar 14, 2016
1 parent 478ddf2 commit c4b5142
Show file tree
Hide file tree
Showing 2 changed files with 24 additions and 24 deletions.
46 changes: 23 additions & 23 deletions src/vs/editor/contrib/referenceSearch/browser/referenceSearchWidget.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@
background-color: rgba(245, 216, 2, 0.87);
}

.monaco-editor .reference-zone-widget .tree {
.monaco-editor .reference-zone-widget .ref-tree {
background-color: #F3F3F3;
width: 20%;
color: #646465;
Expand All @@ -61,50 +61,50 @@
font-size: 13px;
}

.monaco-editor .reference-zone-widget .tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) {
.monaco-editor .reference-zone-widget .ref-tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) {
background-color: rgba(51, 153, 255, .2);
color: #6C6C6C !important;
}

.monaco-editor .reference-zone-widget .tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.has-children > .content:before {
.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 .tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.has-children > .content:after {
.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 .tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.expanded > .content:before {
.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 .tree .reference {
.monaco-editor .reference-zone-widget .ref-tree .reference {
text-overflow: ellipsis;
overflow: hidden;
}

.monaco-editor .reference-zone-widget .tree .reference-file {
.monaco-editor .reference-zone-widget .ref-tree .reference-file {
position: relative;
line-height: 22px;
color: #1E1E1E;
}

.monaco-editor .reference-zone-widget .tree .reference-file .directory {
.monaco-editor .reference-zone-widget .ref-tree .reference-file .directory {
opacity: 0.7;
margin-left: 0.5em;
font-size: 0.9em;
}

.monaco-editor .reference-zone-widget .tree .reference .lineNumber {
.monaco-editor .reference-zone-widget .ref-tree .reference .lineNumber {
color: #A8A8A8;
}

.monaco-editor .reference-zone-widget .tree .selected .reference .lineNumber {
.monaco-editor .reference-zone-widget .ref-tree .selected .reference .lineNumber {
color: white;
}

.monaco-editor .reference-zone-widget .tree .referenceMatch {
.monaco-editor .reference-zone-widget .ref-tree .referenceMatch {
background-color: rgba(234, 92, 0, 0.3);
}

Expand All @@ -114,7 +114,7 @@

/* dark room */

.monaco-editor.vs-dark .reference-zone-widget .tree .block,
.monaco-editor.vs-dark .reference-zone-widget .ref-tree .block,
.monaco-editor.vs-dark .reference-zone-widget .overlay {
background-color: #1e1e1e;
}
Expand All @@ -128,33 +128,33 @@
background-color: #001F33;
}

.monaco-editor.vs-dark .reference-zone-widget .tree {
.monaco-editor.vs-dark .reference-zone-widget .ref-tree {
background-color: #252526;
color: #BBB;
}

.monaco-editor.vs-dark .reference-zone-widget .tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) {
.monaco-editor.vs-dark .reference-zone-widget .ref-tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) {
color: #FFF !important;
}

.monaco-editor.vs-dark .reference-zone-widget .preview .reference-decoration {
background-color: rgba(255, 143, 0, 0.6);
}

.monaco-editor.vs-dark .reference-zone-widget .tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.has-children > .content:before {
.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 .tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.has-children > .content:after {
.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 .tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected.expanded > .content:before {
.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;
}

.monaco-editor.vs-dark .reference-zone-widget .tree .reference-file {
.monaco-editor.vs-dark .reference-zone-widget .ref-tree .reference-file {
color: #FFF;
}

Expand All @@ -173,27 +173,27 @@
box-sizing: border-box;
}

.monaco-editor.hc-black .reference-zone-widget .tree {
.monaco-editor.hc-black .reference-zone-widget .ref-tree {
background-color: #000;
color: #fff;
}

.monaco-editor.hc-black .reference-zone-widget .tree .reference-file {
.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file {
color: #fff;
line-height: 20px;
font-weight: bold;
}

.monaco-editor.hc-black .reference-zone-widget .tree .reference-file .directory {
.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file .directory {
font-weight: normal;
}

.monaco-editor.hc-black .reference-zone-widget .tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) {
.monaco-editor.hc-black .reference-zone-widget .ref-tree .monaco-tree.focused .monaco-tree-rows > .monaco-tree-row.selected:not(.highlighted) {
background: none;
color: #FFF !important;
}

.monaco-editor.hc-black .reference-zone-widget .tree .referenceMatch {
.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch {
background: none;
border: 1px dotted #f38518;
}
2 changes: 1 addition & 1 deletion src/vs/editor/contrib/referenceSearch/browser/referenceSearchWidget.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -450,7 +450,7 @@ export class ReferenceWidget extends PeekViewWidget {
});

// tree
container.div({ 'class': 'tree inline' }, (div:Builder) => {
container.div({ 'class': 'ref-tree inline' }, (div:Builder) => {
var config = {
dataSource: this.instantiationService.createInstance(DataSource),
renderer: this.instantiationService.createInstance(Renderer, this.editor),
Expand Down

0 comments on commit c4b5142

Please sign in to comment.