updated truncation comment styling

This commit is contained in:
aamunger
2023-04-05 10:49:05 -07:00
parent d722674f02
commit c60f757130
3 changed files with 7 additions and 3 deletions

View File

@@ -331,6 +331,10 @@ export const activate: ActivationFunction<void> = (ctx) => {
border-width: 1px;
border-color: transparent;
}
#container div.truncation-message {
font-style: italic;
font-family: var(--theme-font-family);
}
#container div.output .scrollable div {
cursor: text;
}

View File

@@ -8,11 +8,12 @@ import { handleANSIOutput } from './ansi';
export const scrollableClass = 'scrollable';
/**
* Output is Truncated. View as a [scrollable element] or open in a [text editor]. Adjust [settings...]
* Output is Truncated. View as a [scrollable element] or open in a [text editor]. Adjust cell output [settings...]
*/
function generateViewMoreElement(outputId: string) {
const container = document.createElement('div');
container.classList.add('truncation-message');
const first = document.createElement('span');
first.textContent = 'Output is Truncated. View as a ';
container.appendChild(first);
@@ -34,7 +35,7 @@ function generateViewMoreElement(outputId: string) {
container.appendChild(openInTextEditorLink);
const third = document.createElement('span');
third.textContent = '. Adjust ';
third.textContent = '. Adjust cell output ';
container.appendChild(third);
const layoutSettingsLink = document.createElement('a');