make task history horizontally scrollable (#14846)

This commit is contained in:
Kim Santiago
2021-03-24 13:41:02 -07:00
committed by GitHub
parent 92e9a423a0
commit dee5720676
2 changed files with 11 additions and 4 deletions

View File

@@ -7,22 +7,27 @@
padding: 10px 22px 0 22px;
}
.task-history .monaco-tree > .monaco-scrollable-element > .monaco-tree-wrapper {
overflow-x: auto !important;
}
.task-history .monaco-tree .monaco-tree-rows > .monaco-tree-row {
width: fit-content;
}
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group {
line-height: 22px;
display: flex;
width: fit-content;
}
/* task label and description */
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .label {
text-overflow: ellipsis;
overflow: hidden;
font-weight: bold;
}
/* style for server name | database name */
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .description {
text-overflow: ellipsis;
overflow: hidden;
padding-left: 12px
}

View File

@@ -103,6 +103,8 @@ export class TaskHistoryView extends ViewPane {
const filter = new DefaultFilter();
const accessibilityProvider = new DefaultAccessibilityProvider();
treeContainer.classList.add('task-history');
return new Tree(treeContainer, {
dataSource, renderer, controller, dnd, filter, accessibilityProvider
}, {