Skip to content

Commit eaf5ffb

Browse files
committed
feat(ai): split AI panel header actions into left and right groups
Mirrors the existing right-actions absolute layout on the left so session ops (new, history) live on the left edge of the header while Settings stays on the far right. Both groups share the hover-to-reveal behavior.
1 parent 2902274 commit eaf5ffb

1 file changed

Lines changed: 12 additions & 3 deletions

File tree

src/styles/Extn-AIChatPanel.less

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -77,9 +77,9 @@
7777
line-height: 19px;
7878
}
7979

80-
.ai-chat-header-actions {
80+
.ai-chat-header-actions,
81+
.ai-chat-header-left-actions {
8182
position: absolute;
82-
right: 10px;
8383
display: flex;
8484
align-items: center;
8585
gap: 2px;
@@ -88,6 +88,14 @@
8888
transition: opacity 0.5s ease;
8989
}
9090

91+
.ai-chat-header-actions {
92+
right: 10px;
93+
}
94+
95+
.ai-chat-header-left-actions {
96+
left: 10px;
97+
}
98+
9199
.ai-history-btn,
92100
.ai-settings-btn {
93101
display: flex;
@@ -113,7 +121,8 @@
113121
}
114122

115123
/* Show header actions on tab container hover */
116-
.ai-tab-container:hover .ai-chat-header-actions {
124+
.ai-tab-container:hover .ai-chat-header-actions,
125+
.ai-tab-container:hover .ai-chat-header-left-actions {
117126
opacity: 1;
118127
pointer-events: auto;
119128
transition: opacity 0.15s ease;

0 commit comments

Comments
 (0)