Add more top/bottom spacing to features boxes

This commit is contained in:
Ladislau Szomoru 2021-04-16 15:32:03 +02:00
parent 27add7e2ac
commit 5d72ea7c19
No known key found for this signature in database
GPG key ID: 2B88287CB9DB080B
2 changed files with 14 additions and 9 deletions

View file

@ -81,19 +81,13 @@
justify-content: space-evenly;
}
.workspace-trust-editor .workspace-trust-features .workspace-trust-limitations {
border: 2px solid rgba(0, 0, 0, 0);
margin: 0px 4px;
display: flex;
flex-direction: column;
padding: 0px 40px;
}
.workspace-trust-editor.trusted .workspace-trust-features .workspace-trust-limitations.trusted {
border-width: 2px;
border-color: var(--workspace-trust-state-trusted-color) !important;
}
.workspace-trust-editor.untrusted .workspace-trust-features .workspace-trust-limitations.untrusted {
border-width: 2px;
border-color: var(--workspace-trust-state-untrusted-color) !important;
}
@ -156,6 +150,7 @@
.workspace-trust-editor .workspace-trust-features .workspace-trust-untrusted-description {
font-style: italic;
padding-bottom: 10px;
}
/** Buttons Container */

View file

@ -9,6 +9,7 @@ import { DomScrollableElement } from 'vs/base/browser/ui/scrollbar/scrollableEle
import { Action } from 'vs/base/common/actions';
import { CancellationToken } from 'vs/base/common/cancellation';
import { Codicon, registerCodicon } from 'vs/base/common/codicons';
import { Color, RGBA } from 'vs/base/common/color';
import { debounce } from 'vs/base/common/decorators';
import { Iterable } from 'vs/base/common/iterator';
import { splitName } from 'vs/base/common/labels';
@ -27,8 +28,9 @@ import { IPromptChoiceWithMenu, Severity } from 'vs/platform/notification/common
import { Link } from 'vs/platform/opener/browser/link';
import { IStorageService } from 'vs/platform/storage/common/storage';
import { ITelemetryService } from 'vs/platform/telemetry/common/telemetry';
import { foreground } from 'vs/platform/theme/common/colorRegistry';
import { attachButtonStyler, attachLinkStyler, attachStylerCallback } from 'vs/platform/theme/common/styler';
import { IThemeService } from 'vs/platform/theme/common/themeService';
import { IColorTheme, ICssStyleCollector, IThemeService, registerThemingParticipant } from 'vs/platform/theme/common/themeService';
import { IWorkspaceContextService } from 'vs/platform/workspace/common/workspace';
import { IWorkspaceTrustManagementService, IWorkspaceTrustStorageService } from 'vs/platform/workspace/common/workspaceTrust';
import { isSingleFolderWorkspaceIdentifier, toWorkspaceIdentifier } from 'vs/platform/workspaces/common/workspaces';
@ -106,6 +108,14 @@ export class WorkspaceTrustEditor extends EditorPane {
this.rootElement.style.setProperty('--workspace-trust-state-trusted-color', colors.trustedForegroundColor?.toString() || '');
this.rootElement.style.setProperty('--workspace-trust-state-untrusted-color', colors.untrustedForegroundColor?.toString() || '');
}));
this._register(registerThemingParticipant((theme: IColorTheme, collector: ICssStyleCollector) => {
const foregroundColor = theme.getColor(foreground);
if (foregroundColor) {
const fgWithOpacity = new Color(new RGBA(foregroundColor.rgba.r, foregroundColor.rgba.g, foregroundColor.rgba.b, 0.3));
collector.addRule(`.workspace-trust-editor .workspace-trust-features .workspace-trust-limitations { border: 1px solid ${fgWithOpacity}; margin: 0px 4px; display: flex; flex-direction: column; padding: 10px 40px;}`);
}
}));
}
async override setInput(input: WorkspaceTrustEditorInput, options: EditorOptions | undefined, context: IEditorOpenContext, token: CancellationToken): Promise<void> {