Skip to content

Commit 2402b1e

Browse files
authored
Merge pull request #134 from rebeccaalpert/header-movement
fix(ChatbotHeader): Adjust styles so logo doesn't move
2 parents e089b92 + e524823 commit 2402b1e

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

packages/module/src/ChatbotHeader/ChatbotHeader.scss

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,29 @@
22
// Chatbot Header
33
// ============================================================================
44
.pf-chatbot__header {
5+
display: flex;
56
position: relative;
67
background-color: var(--pf-t--chatbot--background);
8+
justify-content: space-between;
79

810
// Title -or- Brand
911
.pf-chatbot__title {
1012
img {
1113
max-height: 40px;
1214
}
1315
}
16+
17+
.pf-chatbot__menu {
18+
flex-shrink: 0;
19+
}
20+
21+
.pf-chatbot__actions {
22+
width: 218px;
23+
flex-shrink: 0;
24+
flex-grow: 0;
25+
display: flex;
26+
justify-content: flex-end;
27+
}
1428
}
1529

1630
// ============================================================================

0 commit comments

Comments
 (0)