diff --git a/src/vs/code/electron-browser/issue/issueReporterMain.ts b/src/vs/code/electron-browser/issue/issueReporterMain.ts index e01747b0061..318abef3f35 100644 --- a/src/vs/code/electron-browser/issue/issueReporterMain.ts +++ b/src/vs/code/electron-browser/issue/issueReporterMain.ts @@ -150,7 +150,7 @@ export class IssueReporter extends Disposable { const content: string[] = []; if (styles.inputBackground) { - content.push(`input[type="text"], textarea, select, .issues-container > .issue > .issue-state { background-color: ${styles.inputBackground}; }`); + content.push(`input[type="text"], textarea, select, .issues-container > .issue > .issue-state, .block-info { background-color: ${styles.inputBackground}; }`); } if (styles.inputBorder) { @@ -160,7 +160,7 @@ export class IssueReporter extends Disposable { } if (styles.inputForeground) { - content.push(`input[type="text"], textarea, select, .issues-container > .issue > .issue-state { color: ${styles.inputForeground}; }`); + content.push(`input[type="text"], textarea, select, .issues-container > .issue > .issue-state, .block-info { color: ${styles.inputForeground}; }`); } if (styles.inputErrorBorder) { diff --git a/src/vs/code/electron-browser/issue/media/issueReporter.css b/src/vs/code/electron-browser/issue/media/issueReporter.css index 00e61ad8183..aeb02c73f2b 100644 --- a/src/vs/code/electron-browser/issue/media/issueReporter.css +++ b/src/vs/code/electron-browser/issue/media/issueReporter.css @@ -10,18 +10,17 @@ table { width: 100%; max-width: 100%; - margin-bottom: 1rem; background-color: transparent; border-collapse: collapse; } th { vertical-align: bottom; - border-bottom: 2px solid #e9ecef; - padding: .75rem; + border-bottom: 1px solid; + padding: 5px; text-align: inherit; } td { - padding: .25rem; + padding: 5px; vertical-align: top; } @@ -65,6 +64,7 @@ textarea { width: auto; padding: 4px 10px; align-self: flex-end; + margin-bottom: 10px; } select { @@ -75,7 +75,6 @@ select { line-height: 1.5; color: #495057; background-color: #fff; - border-radius: 0.25rem; border: none; } @@ -95,7 +94,7 @@ html { body { margin: 0; - overflow: scroll; + overflow-y: scroll; height: 100%; } @@ -109,16 +108,16 @@ body { .block .block-info { width: 100%; - font-family: 'Menlo', 'Courier New', 'Courier', monospace; + font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace, "Droid Sans Fallback"; font-size: 12px; overflow: auto; overflow-wrap: break-word; + margin: 5px; + padding: 10px; } -pre { - margin: 10px 20px; -} + pre code { - font-family: 'Menlo', 'Courier New', 'Courier', monospace; + font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace, "Droid Sans Fallback"; } #issue-reporter { @@ -126,6 +125,7 @@ pre code { margin-left: auto; margin-right: auto; padding-top: 2em; + padding-bottom: 2em; display: flex; flex-direction: column; height: 100%; @@ -203,7 +203,6 @@ input:disabled { .instructions { font-size: 12px; - margin-left: 1em; margin-top: .5em; } @@ -242,7 +241,7 @@ a { } .section .input-group .validation-error { - margin-left: 13%; + margin-left: 15%; } .section .inline-form-control, .section .inline-label { @@ -262,17 +261,25 @@ a { } #similar-issues { - margin-left: 13%; + margin-left: 15%; display: block; } +#problem-source-help-text { + margin-left: calc(15% + 1em); +} + @media (max-width: 950px) { .section .inline-label { - width: 13%; + width: 15%; + } + + #problem-source-help-text { + margin-left: calc(15% + 1em); } .section .inline-form-control { - width: calc(87% - 5px); + width: calc(85% - 5px); } } @@ -281,6 +288,10 @@ a { display: none !important; } + #problem-source-help-text { + margin-left: 1em; + } + .section .inline-form-control { width: 100%; } diff --git a/src/vs/platform/issue/electron-main/issueService.ts b/src/vs/platform/issue/electron-main/issueService.ts index d8eceb42c92..7723353fc87 100644 --- a/src/vs/platform/issue/electron-main/issueService.ts +++ b/src/vs/platform/issue/electron-main/issueService.ts @@ -51,7 +51,7 @@ export class IssueService implements IIssueService { }); this._issueParentWindow = BrowserWindow.getFocusedWindow(); - const position = this.getWindowPosition(this._issueParentWindow, 800, 900); + const position = this.getWindowPosition(this._issueParentWindow, 700, 800); this._issueWindow = new BrowserWindow({ width: position.width, height: position.height,