Skip to content

Commit

Permalink
Experimental: Minimap enhancements
Browse files Browse the repository at this point in the history
Modified the minimap so that now:
1. It will always highlight the portion viewed, not just when
mouse is hovered.

2. It will highlight the lines where a word is present, when you
highlight that word.

NOTE: THIS COMMIT WAS PUSHED WITHOUT DOING ANY PRE-COMMIT
VERIFICATIONS. IF YOU WANT TO USE THIS, PLEASE CLEAN UP THE
CODE APPROPRIATELY.

Signed-off-by: Abhijit Kiran Valluri <[email protected]>
  • Loading branch information
abhijitvalluri committed Apr 15, 2017
1 parent 200c4d1 commit a1f2d2f
Show file tree
Hide file tree
Showing 5 changed files with 6,073 additions and 5,962 deletions.
116 changes: 58 additions & 58 deletions src/vs/editor/browser/viewParts/minimap/minimap.css
Original file line number Diff line number Diff line change
@@ -1,58 +1,58 @@
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/

.monaco-editor .minimap-slider {
opacity: 0;
transition: opacity 100ms linear;
}
.monaco-editor .minimap:hover .minimap-slider {
opacity: 1;
}
.monaco-editor .minimap-slider.active {
opacity: 1;
}

.monaco-editor.vs .minimap-slider {
background: rgba(100, 100, 100, .4);
}
.monaco-editor.vs-dark .minimap-slider {
background: rgba(121, 121, 121, .4);
}
.monaco-editor.hc-black .minimap-slider {
background: rgba(111, 195, 223, .6);
}

.monaco-editor.vs .minimap-slider:hover,
.monaco-editor.vs-dark .minimap-slider:hover {
background: rgba(100, 100, 100, .7);
}
.monaco-editor.hc-black .minimap-slider:hover {
background: rgba(111, 195, 223, .8);
}

.monaco-editor.vs .minimap-slider.active {
background: rgba(0, 0, 0, .6);
}
.monaco-editor.vs-dark .minimap-slider.active {
background: rgba(191, 191, 191, .4);
}
.monaco-editor.hc-black .minimap-slider.active {
background: rgba(111, 195, 223, 1);
}

.monaco-editor .minimap-shadow-hidden {
position: absolute;
width: 0;
}
.monaco-editor .minimap-shadow-visible {
position: absolute;
left: -6px;
width: 6px;
box-shadow: #DDD -6px 0 6px -6px inset;
}

.monaco-editor.vs-dark .minimap-shadow-visible {
box-shadow: #000 -6px 0 6px -6px inset;
}
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/

.monaco-editor .minimap-slider {
opacity: 1;
transition: opacity 100ms linear;
}
.monaco-editor .minimap:hover .minimap-slider {
opacity: 1;
}
.monaco-editor .minimap-slider.active {
opacity: 1;
}

.monaco-editor.vs .minimap-slider {
background: rgba(100, 100, 100, .4);
}
.monaco-editor.vs-dark .minimap-slider {
background: rgba(121, 121, 121, .4);
}
.monaco-editor.hc-black .minimap-slider {
background: rgba(111, 195, 223, .6);
}

.monaco-editor.vs .minimap-slider:hover,
.monaco-editor.vs-dark .minimap-slider:hover {
background: rgba(100, 100, 100, .7);
}
.monaco-editor.hc-black .minimap-slider:hover {
background: rgba(111, 195, 223, .8);
}

.monaco-editor.vs .minimap-slider.active {
background: rgba(0, 0, 0, .6);
}
.monaco-editor.vs-dark .minimap-slider.active {
background: rgba(191, 191, 191, .4);
}
.monaco-editor.hc-black .minimap-slider.active {
background: rgba(111, 195, 223, 1);
}

.monaco-editor .minimap-shadow-hidden {
position: absolute;
width: 0;
}
.monaco-editor .minimap-shadow-visible {
position: absolute;
left: -6px;
width: 6px;
box-shadow: #DDD -6px 0 6px -6px inset;
}

.monaco-editor.vs-dark .minimap-shadow-visible {
box-shadow: #000 -6px 0 6px -6px inset;
}
Loading

0 comments on commit a1f2d2f

Please sign in to comment.