mirror of
https://github.com/Microsoft/vscode
synced 2024-10-13 14:57:14 +00:00
Merge pull request #73052 from rdeline/code-inset-z-order-fix
fixes a z-order bug in code insets
This commit is contained in:
commit
39ad36723a
|
@ -3,43 +3,6 @@
|
|||
* Licensed under the MIT License. See License.txt in the project root for license information.
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
.monaco-editor .codelens-decoration {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.monaco-editor .codelens-decoration > span,
|
||||
.monaco-editor .codelens-decoration > a {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
.monaco-editor .codelens-decoration > a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.monaco-editor .codelens-decoration > a:hover {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.monaco-editor .codelens-decoration.invisible-cl {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@keyframes fadein { 0% { opacity:0; visibility:visible;} 100% { opacity:1; } }
|
||||
@-moz-keyframes fadein { 0% { opacity:0; visibility:visible;} 100% { opacity:1; } }
|
||||
@-o-keyframes fadein { 0% { opacity:0; visibility:visible;} 100% { opacity:1; } }
|
||||
@-webkit-keyframes fadein { 0% { opacity:0; visibility:visible;} 100% { opacity:1; } }
|
||||
|
||||
.monaco-editor .codelens-decoration.fadein {
|
||||
-webkit-animation: fadein 0.5s linear;
|
||||
-moz-animation: fadein 0.5s linear;
|
||||
-o-animation: fadein 0.5s linear;
|
||||
animation: fadein 0.5s linear;
|
||||
.monaco-editor .code-inset {
|
||||
z-index: 10;
|
||||
}
|
||||
|
|
|
@ -155,6 +155,7 @@ export class CodeInsetWidget {
|
|||
}
|
||||
|
||||
const div = document.createElement('div');
|
||||
div.className = 'code-inset';
|
||||
webview.mountTo(div);
|
||||
webview.onMessage((e: { type: string, payload: any }) => {
|
||||
// The webview contents can use a "size-info" message to report its size.
|
||||
|
|
Loading…
Reference in a new issue