Files
azuredatastudio/extensions/simple-browser/media/main.css
Charles Gagnon 3cb2f552a6 Merge from vscode a348d103d1256a06a2c9b3f9b406298a9fef6898 (#15681)
* Merge from vscode a348d103d1256a06a2c9b3f9b406298a9fef6898

* Fixes and cleanup

* Distro

* Fix hygiene yarn

* delete no yarn lock changes file

* Fix hygiene

* Fix layer check

* Fix CI

* Skip lib checks

* Remove tests deleted in vs code

* Fix tests

* Distro

* Fix tests and add removed extension point

* Skip failing notebook tests for now

* Disable broken tests and cleanup build folder

* Update yarn.lock and fix smoke tests

* Bump sqlite

* fix contributed actions and file spacing

* Fix user data path

* Update yarn.locks

Co-authored-by: ADS Merger <karlb@microsoft.com>
2021-06-17 08:17:11 -07:00

118 lines
2.3 KiB
CSS

/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the Source EULA. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
:root {
--container-paddding: 20px;
--input-padding-vertical: 2px;
--input-padding-horizontal: 4px;
--input-margin-vertical: 4px;
--input-margin-horizontal: 0;
}
html, body {
height: 100%;
min-height: 100%;
padding: 0;
margin: 0;
}
body {
display: grid;
grid-template-rows: auto 1fr;
}
input:not([type='checkbox']),
textarea {
display: block;
width: 100%;
border: none;
font-family: var(--vscode-font-family);
padding: var(--input-padding-vertical) var(--input-padding-horizontal);
color: var(--vscode-input-foreground);
outline-color: var(--vscode-input-border);
background-color: var(--vscode-input-background);
}
input::placeholder,
textarea::placeholder {
color: var(--vscode-input-placeholderForeground);
}
button {
border: none;
padding: var(--input-padding-vertical) var(--input-padding-horizontal);
text-align: center;
outline: 1px solid transparent;
outline-offset: 2px !important;
color: var(--vscode-icon-foreground);
background: none;
}
button:hover:not(:disabled) {
cursor: pointer;
color: var(--vscode-button-foreground);
background: var(--vscode-button-hoverBackground);
}
button:disabled {
opacity: 0.5;
background: var(--vscode-button-background);
}
button:focus {
outline-color: var(--vscode-focusBorder);
}
.header {
display: flex;
margin: 0.4em 1em;
}
.url-input {
flex: 1;
}
.controls {
display: flex;
}
.controls button {
display: flex;
margin-right: 0.3em;
}
.content {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
}
iframe {
width: 100%;
height: 100%;
border: none;
background: white; /* Browsers default to a white background */
}
.iframe-focused-alert {
display: none;
position: absolute;
bottom: 1em;
background: var(--vscode-editorWidget-background);
color: var(--vscode-editorWidget-foreground);
padding: 0.2em 0.2em;
border-radius: 4px;
font-size: 8px;
font-family: monospace;
user-select: none;
pointer-events: none;
}
.iframe-focused.enable-focus-lock-indicator .iframe-focused-alert {
display: block;
}