Add more top/bottom spacing to features boxes
This commit is contained in:
parent
27add7e2ac
commit
5d72ea7c19
2 changed files with 14 additions and 9 deletions
|
@ -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 */
|
||||
|
|
|
@ -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> {
|
||||
|
|
Loading…
Reference in a new issue