mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-01-14 01:25:37 -05:00
99 lines
2.1 KiB
CSS
99 lines
2.1 KiB
CSS
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the Source EULA. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
html, body {
|
|
height: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
body img {
|
|
max-width: none;
|
|
max-height: none;
|
|
}
|
|
|
|
.container:focus {
|
|
outline: none !important;
|
|
}
|
|
|
|
.container {
|
|
padding: 5px 0 0 10px;
|
|
box-sizing: border-box;
|
|
user-select: none;
|
|
}
|
|
|
|
.container.image {
|
|
padding: 0;
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.container.image img {
|
|
padding: 0;
|
|
background-position: 0 0, 8px 8px;
|
|
background-size: 16px 16px;
|
|
border: 1px solid var(--vscode-imagePreview-border);
|
|
}
|
|
|
|
.container.image img {
|
|
background-image:
|
|
linear-gradient(45deg, rgb(230, 230, 230) 25%, transparent 25%, transparent 75%, rgb(230, 230, 230) 75%, rgb(230, 230, 230)),
|
|
linear-gradient(45deg, rgb(230, 230, 230) 25%, transparent 25%, transparent 75%, rgb(230, 230, 230) 75%, rgb(230, 230, 230));
|
|
}
|
|
|
|
.vscode-dark.container.image img {
|
|
background-image:
|
|
linear-gradient(45deg, rgb(20, 20, 20) 25%, transparent 25%, transparent 75%, rgb(20, 20, 20) 75%, rgb(20, 20, 20)),
|
|
linear-gradient(45deg, rgb(20, 20, 20) 25%, transparent 25%, transparent 75%, rgb(20, 20, 20) 75%, rgb(20, 20, 20));
|
|
}
|
|
|
|
.container img.pixelated {
|
|
image-rendering: pixelated;
|
|
}
|
|
|
|
.container img.scale-to-fit {
|
|
max-width: calc(100% - 20px);
|
|
max-height: calc(100% - 20px);
|
|
object-fit: contain;
|
|
}
|
|
|
|
.container img {
|
|
margin: auto;
|
|
}
|
|
|
|
.container.ready.zoom-in {
|
|
cursor: zoom-in;
|
|
}
|
|
|
|
.container.ready.zoom-out {
|
|
cursor: zoom-out;
|
|
}
|
|
|
|
.container .embedded-link,
|
|
.container .embedded-link:hover {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.loading {
|
|
position: fixed;
|
|
width: 30px;
|
|
height: 30px;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-top: -15px;
|
|
margin-left: -15px;
|
|
background-image: url('./loading.svg');
|
|
background-size: cover;
|
|
}
|
|
|
|
.vscode-dark .loading {
|
|
background-image: url('./loading-dark.svg');
|
|
}
|
|
|
|
.vscode-high-contrast .loading {
|
|
background-image: url('./loading-hc.svg');
|
|
}
|