File size: 1,677 Bytes
a3689a2 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 |
.root {
display: flex;
flex-direction: column;
padding: 0.75rem;
border-radius: 3px;
border: 1px solid var(--vscode-dropdown-border);
background-color: var(--vscode-dropdown-background);
}
.icons-header {
display: flex;
gap: 0.5rem;
margin-bottom: 0.625rem;
}
.heading {
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0.175rem;
color: var(--vscode-dropdown-foreground);
}
.description-text {
line-height: 1rem;
margin-bottom: 0.875rem;
color: var(--vscode-dropdown-foreground);
}
.actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.action {
flex-shrink: 0;
}
.footer {
margin-top: 0.75rem;
line-height: 1rem;
font-size: 12px;
}
.inner-container {
margin-top: 0.5rem;
}
.loader {
width: 100%;
height: 0.5rem;
position: relative;
overflow: hidden;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
border-radius: 3px;
background-color: var(--vscode-editor-background);
/* Fix overflow clipping in Safari */
/* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
transform: translateZ(0);
&-indicator {
width: 100%;
height: 100%;
background-color: var(--vscode-button-background);
transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);
}
}
.error {
color: #de3400;
background-color: #f7bcbc;
line-height: 150%;
padding: 0.5rem;
word-break: break-word;
border-left: 0.5rem solid #d8000c;
font-weight: bold;
}
.close {
padding: 0.25rem;
align-self: flex-start;
margin: -0.25rem -0.25rem 0 auto;
}
|