mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-17 02:51:36 -05:00
make task history horizontally scrollable (#14846)
This commit is contained in:
@@ -7,22 +7,27 @@
|
|||||||
padding: 10px 22px 0 22px;
|
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 {
|
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group {
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
width: fit-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* task label and description */
|
/* task label and description */
|
||||||
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .label {
|
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .label {
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* style for server name | database name */
|
/* style for server name | database name */
|
||||||
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .description {
|
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group > .description {
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
padding-left: 12px
|
padding-left: 12px
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -103,6 +103,8 @@ export class TaskHistoryView extends ViewPane {
|
|||||||
const filter = new DefaultFilter();
|
const filter = new DefaultFilter();
|
||||||
const accessibilityProvider = new DefaultAccessibilityProvider();
|
const accessibilityProvider = new DefaultAccessibilityProvider();
|
||||||
|
|
||||||
|
treeContainer.classList.add('task-history');
|
||||||
|
|
||||||
return new Tree(treeContainer, {
|
return new Tree(treeContainer, {
|
||||||
dataSource, renderer, controller, dnd, filter, accessibilityProvider
|
dataSource, renderer, controller, dnd, filter, accessibilityProvider
|
||||||
}, {
|
}, {
|
||||||
|
|||||||
Reference in New Issue
Block a user