Skip to content

Commit 884b536

Browse files
authored
.interactive-session styles should not be in chatViewWelcome.css (fix #270394) (#280048)
1 parent 0e6baac commit 884b536

File tree

2 files changed

+15
-24
lines changed

2 files changed

+15
-24
lines changed

src/vs/workbench/contrib/chat/browser/media/chat.css

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,13 @@
44
*--------------------------------------------------------------------------------------------*/
55

66
.interactive-session {
7+
display: flex;
8+
flex-direction: column;
9+
max-width: 950px;
10+
height: 100%;
11+
margin: auto;
12+
position: relative; /* Enable absolute positioning for child elements */
13+
714
/* 11px when base font is 13px */
815
--vscode-chat-font-size-body-xs: 0.846em;
916
/* 12px when base font is 13px */
@@ -18,13 +25,6 @@
1825
--vscode-chat-font-size-body-xxl: 1.538em;
1926
}
2027

21-
.interactive-session {
22-
max-width: 950px;
23-
margin: auto;
24-
position: relative;
25-
/* For chat dnd */
26-
}
27-
2828
.interactive-list > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row > .monaco-tl-row > .monaco-tl-twistie {
2929
/* Hide twisties from chat tree rows, but not from nested trees within a chat response */
3030
display: none !important;

src/vs/workbench/contrib/chat/browser/media/chatViewWelcome.css

Lines changed: 8 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
*--------------------------------------------------------------------------------------------*/
55

66
.pane-body.chat-view-welcome-visible {
7+
78
& > .interactive-session {
89
display: none;
910
}
@@ -13,24 +14,15 @@
1314
}
1415
}
1516

16-
/* Container for chat widget welcome message and interactive session variants */
17-
.interactive-session {
18-
position: relative;
19-
/* Enable absolute positioning for child elements */
17+
/* Chat welcome container */
18+
.interactive-session .chat-welcome-view-container {
2019
display: flex;
2120
flex-direction: column;
22-
height: 100%;
23-
24-
/* chat welcome container */
25-
.chat-welcome-view-container {
26-
display: flex;
27-
flex-direction: column;
28-
align-items: center;
29-
justify-content: center;
30-
overflow: hidden;
31-
flex: 1;
32-
position: relative; /* Allow absolute positioning of prompts */
33-
}
21+
align-items: center;
22+
justify-content: center;
23+
overflow: hidden;
24+
flex: 1;
25+
position: relative; /* Allow absolute positioning of prompts */
3426
}
3527

3628
/* Container for ChatViewPane welcome view */
@@ -216,4 +208,3 @@ div.chat-welcome-view {
216208
background-color: var(--vscode-list-hoverBackground);
217209
}
218210
}
219-

0 commit comments

Comments
 (0)