Files
vscode/src/vs/editor/contrib/dropIntoEditor/browser/dropProgressWidget.css
T
Matt Bierner e9262678fa Add drop feedback UX (#179434)
For #179430

Adds two new UX components:

- An inline progress icon shown when a drop operation takes over 500ms. This replaces the notification. You can click on it to cancel the drop

- Post drop, a drop feedback icon that lets you drop the file in a different way. This lets you drop the file as plain text for instance instead of as a markdown link
2023-04-11 13:48:24 -07:00

30 lines
805 B
CSS

/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
.drop-into-editor-progress-decoration {
display: inline-block;
width: 1em;
height: 1em;
}
.inline-drop-progress-widget {
display: flex !important;
justify-content: center;
align-items: center;
}
.inline-drop-progress-widget .icon {
font-size: 80% !important;
}
.inline-drop-progress-widget:hover .icon {
font-size: 90% !important;
animation: none;
}
.inline-drop-progress-widget:hover .icon::before {
content: "\ea76"; /* codicon-x */
}