@patternfly/chatbot 2.1.0-prerelease.22 → 2.1.0-prerelease.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/main.css +68 -1
- package/dist/css/main.css.map +1 -1
- package/package.json +1 -1
- package/src/Chatbot/Chatbot.scss +30 -1
- package/src/ChatbotContent/ChatbotContent.scss +5 -0
- package/src/FileDropZone/FileDropZone.scss +20 -0
- package/src/MessageBox/JumpButton.scss +5 -0
- package/src/MessageBox/MessageBox.scss +10 -0
package/dist/css/main.css
CHANGED
|
@@ -72,6 +72,17 @@
|
|
|
72
72
|
.pf-chatbot--hidden {
|
|
73
73
|
pointer-events: none;
|
|
74
74
|
}
|
|
75
|
+
@media screen and (max-width: 32rem) {
|
|
76
|
+
.pf-chatbot {
|
|
77
|
+
width: 100vw;
|
|
78
|
+
inset-inline-end: 0;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
@media screen and (max-height: 518px) {
|
|
82
|
+
.pf-chatbot {
|
|
83
|
+
overflow: auto;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
75
86
|
|
|
76
87
|
.pf-chatbot--docked {
|
|
77
88
|
inset-block-end: 0;
|
|
@@ -82,9 +93,19 @@
|
|
|
82
93
|
box-shadow: var(--pf-t--global--box-shadow--lg--left);
|
|
83
94
|
overflow: inherit;
|
|
84
95
|
}
|
|
96
|
+
@media screen and (max-width: 30rem) {
|
|
97
|
+
.pf-chatbot--docked {
|
|
98
|
+
width: 100%;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
85
101
|
|
|
86
102
|
html.pf-chatbot-allow--docked {
|
|
87
|
-
padding-
|
|
103
|
+
padding-inline-start: 480px;
|
|
104
|
+
}
|
|
105
|
+
@media screen and (max-width: 30rem) {
|
|
106
|
+
html.pf-chatbot-allow--docked {
|
|
107
|
+
padding-inline-start: 0px;
|
|
108
|
+
}
|
|
88
109
|
}
|
|
89
110
|
|
|
90
111
|
.pf-chatbot--fullscreen {
|
|
@@ -116,6 +137,11 @@ html.pf-chatbot-allow--docked {
|
|
|
116
137
|
.pf-chatbot-container--hidden {
|
|
117
138
|
pointer-events: none;
|
|
118
139
|
}
|
|
140
|
+
@media screen and (max-height: 518px) {
|
|
141
|
+
.pf-chatbot-container {
|
|
142
|
+
overflow: auto;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
119
145
|
|
|
120
146
|
.pf-chatbot-container--embedded {
|
|
121
147
|
min-height: 100%;
|
|
@@ -140,6 +166,11 @@ html.pf-chatbot-allow--docked {
|
|
|
140
166
|
overflow: hidden;
|
|
141
167
|
flex: 1;
|
|
142
168
|
}
|
|
169
|
+
@media screen and (max-height: 518px) {
|
|
170
|
+
.pf-chatbot__content {
|
|
171
|
+
overflow: unset;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
143
174
|
|
|
144
175
|
@media screen and (min-width: 64rem) {
|
|
145
176
|
.pf-chatbot--fullscreen .pf-chatbot__content,
|
|
@@ -748,6 +779,11 @@ html.pf-chatbot-allow--docked {
|
|
|
748
779
|
display: grid;
|
|
749
780
|
grid-template-rows: 1fr auto;
|
|
750
781
|
}
|
|
782
|
+
@media screen and (max-height: 518px) {
|
|
783
|
+
.pf-chatbot__dropzone--invisible {
|
|
784
|
+
overflow-y: auto;
|
|
785
|
+
}
|
|
786
|
+
}
|
|
751
787
|
|
|
752
788
|
.pf-chatbot__dropzone--visible.pf-chatbot__dropzone {
|
|
753
789
|
margin-block-start: var(--pf-t--global--spacer--lg);
|
|
@@ -774,6 +810,17 @@ html.pf-chatbot-allow--docked {
|
|
|
774
810
|
padding: var(--pf-t--global--spacer--md);
|
|
775
811
|
}
|
|
776
812
|
|
|
813
|
+
@media screen and (max-height: 518px) {
|
|
814
|
+
.pf-chatbot--default .pf-chatbot__dropzone--visible.pf-chatbot__dropzone {
|
|
815
|
+
display: flex;
|
|
816
|
+
height: 100%;
|
|
817
|
+
overflow: hidden;
|
|
818
|
+
}
|
|
819
|
+
.pf-chatbot--default .pf-chatbot__dropzone--visible.pf-chatbot__dropzone .pf-v6-c-multiple-file-upload__main {
|
|
820
|
+
width: 100%;
|
|
821
|
+
}
|
|
822
|
+
}
|
|
823
|
+
|
|
777
824
|
.pf-chatbot__message {
|
|
778
825
|
--pf-t--chatbot-message--type--background--color--default: var(--pf-t--global--background--color--tertiary--default);
|
|
779
826
|
--pf-t--chatbot-message--type--background--color--primary: var(--pf-t--global--color--brand--default);
|
|
@@ -1363,6 +1410,11 @@ html.pf-chatbot-allow--docked {
|
|
|
1363
1410
|
.pf-chatbot__jump--bottom {
|
|
1364
1411
|
inset-block-end: var(--pf-t--global--spacer--md) !important;
|
|
1365
1412
|
}
|
|
1413
|
+
@media screen and (max-height: 518px) {
|
|
1414
|
+
.pf-chatbot__jump {
|
|
1415
|
+
display: none;
|
|
1416
|
+
}
|
|
1417
|
+
}
|
|
1366
1418
|
|
|
1367
1419
|
.pf-chatbot__messagebox {
|
|
1368
1420
|
height: 100%;
|
|
@@ -1372,6 +1424,16 @@ html.pf-chatbot-allow--docked {
|
|
|
1372
1424
|
row-gap: var(--pf-t--global--spacer--sm);
|
|
1373
1425
|
padding: var(--pf-t--global--spacer--lg);
|
|
1374
1426
|
}
|
|
1427
|
+
@media screen and (max-width: 32rem) {
|
|
1428
|
+
.pf-chatbot__messagebox {
|
|
1429
|
+
width: 100%;
|
|
1430
|
+
}
|
|
1431
|
+
}
|
|
1432
|
+
@media screen and (max-height: 518px) {
|
|
1433
|
+
.pf-chatbot__messagebox {
|
|
1434
|
+
overflow-y: visible;
|
|
1435
|
+
}
|
|
1436
|
+
}
|
|
1375
1437
|
|
|
1376
1438
|
.pf-chatbot__messagebox--bottom > :first-child {
|
|
1377
1439
|
margin-top: auto !important;
|
|
@@ -1427,6 +1489,11 @@ html.pf-chatbot-allow--docked {
|
|
|
1427
1489
|
.pf-chatbot__jump--bottom {
|
|
1428
1490
|
inset-block-end: var(--pf-t--global--spacer--md) !important;
|
|
1429
1491
|
}
|
|
1492
|
+
@media screen and (max-height: 518px) {
|
|
1493
|
+
.pf-chatbot__jump {
|
|
1494
|
+
display: none;
|
|
1495
|
+
}
|
|
1496
|
+
}
|
|
1430
1497
|
|
|
1431
1498
|
.pf-chatbot__response-actions {
|
|
1432
1499
|
display: grid;
|
package/dist/css/main.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/CodeModal/CodeModal.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/ResponseActions/ResponseActions.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/main.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;AACE;AAsBA;AASA;;AA9BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACxDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/CodeModal/CodeModal.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/ResponseActions/ResponseActions.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/main.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;AACE;AAsBA;AASA;;AA9BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACxDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAKF;EAvBF;IAwBI;IACA;;;AAIF;EA7BF;IA8BI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EAXF;IAYI;;;;AAIJ;EACE;;AAIA;EALF;IAMI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;ACpHF;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;;AAOJ;EAGI;AAAA;IACE;IACA;;;ACpBJ;EACE;EACA;;AAIF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;;AAMJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAQF;EACE;;;AAQF;EACE;;AACA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AASF;AAAA;AAAA;EACE;;;AClKN;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EACA;AAAA;IACE;;EAGJ;AAAA;IACE;IACA;;;AAUF;EACE;;AAGJ;EACE;;;AChDJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAQN;EAGI;AAAA;IACE;;EAEF;AAAA;IACE;;;AASJ;EACE;;AAEF;EACE;;;AAOJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAOJ;EACE;;;AAOJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AC1IF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;AAAA;EAEE;;AAEF;EACE;EACA;;AAEF;EACE;;;AAOJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;ACvFA;EAA0B;;AAMxB;EAAM;;AACN;EAAuB;;AACvB;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACnBN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AC3BF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;AC1CN;EACE;EACA;EACA;EACA;;AAEF;EACE;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AASA;EACE;EACA;;;ACxEN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACvBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;AC/DJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;;;AAME;EADF;IAEI;IACA;IACA;;EAEA;IACE;;;;AChDR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;;AAQR;EACE;EACA;EACA;;;ACnHF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;;AC9CN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;;AD5CN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;;AC3CN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;AAAA;EAEE;EACA;EACA;;;AHnBJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;;AI9CN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;;ACbN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AC1CJ;EACE;EACA;EACA;EACA;;AAEA;EAEE;;AAEA;EACE;;;AAKN;EACE;IACE;IACA;;EAEF;IACE;IACA;;;ACvBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;;;ACTJ;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAGI;AAAA;IACE;IACA;;;ADtCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AEhDJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;;ACrBR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;ACrER;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;ACJF;EAKE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASA;EACA;EAEA;EAEA;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAKA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAMF;EACE;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;EACA","file":"main.css"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/chatbot",
|
|
3
|
-
"version": "2.1.0-prerelease.
|
|
3
|
+
"version": "2.1.0-prerelease.23",
|
|
4
4
|
"description": "This library provides React components based on PatternFly 6 that can be used to build chatbots.",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
package/src/Chatbot/Chatbot.scss
CHANGED
|
@@ -21,6 +21,18 @@
|
|
|
21
21
|
&--hidden {
|
|
22
22
|
pointer-events: none;
|
|
23
23
|
}
|
|
24
|
+
|
|
25
|
+
// 32 rem is the width of the overlay chatbot plus the insets
|
|
26
|
+
// if the screen is smaller, we want to be 100%
|
|
27
|
+
@media screen and (max-width: 32rem) {
|
|
28
|
+
width: 100vw;
|
|
29
|
+
inset-inline-end: 0;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
// allows for zoom conditions; try zooming to 200% to see
|
|
33
|
+
@media screen and (max-height: 518px) {
|
|
34
|
+
overflow: auto;
|
|
35
|
+
}
|
|
24
36
|
}
|
|
25
37
|
|
|
26
38
|
// ============================================================================
|
|
@@ -34,10 +46,22 @@
|
|
|
34
46
|
border-radius: 0;
|
|
35
47
|
box-shadow: var(--pf-t--global--box-shadow--lg--left);
|
|
36
48
|
overflow: inherit;
|
|
49
|
+
|
|
50
|
+
// 30rem is the width of the docked chatbot
|
|
51
|
+
// if the screen is smaller, we want to be 100%
|
|
52
|
+
@media screen and (max-width: 30rem) {
|
|
53
|
+
width: 100%;
|
|
54
|
+
}
|
|
37
55
|
}
|
|
38
56
|
|
|
39
57
|
html.pf-chatbot-allow--docked {
|
|
40
|
-
padding-
|
|
58
|
+
padding-inline-start: 480px;
|
|
59
|
+
|
|
60
|
+
// 30rem is the width of the docked chatbot
|
|
61
|
+
// if the screen is smaller, we want to be 100%
|
|
62
|
+
@media screen and (max-width: 30rem) {
|
|
63
|
+
padding-inline-start: 0px;
|
|
64
|
+
}
|
|
41
65
|
}
|
|
42
66
|
|
|
43
67
|
// ============================================================================
|
|
@@ -76,6 +100,11 @@ html.pf-chatbot-allow--docked {
|
|
|
76
100
|
&--hidden {
|
|
77
101
|
pointer-events: none;
|
|
78
102
|
}
|
|
103
|
+
|
|
104
|
+
// allows for zoom conditions; try zooming to 200% to see
|
|
105
|
+
@media screen and (max-height: 518px) {
|
|
106
|
+
overflow: auto;
|
|
107
|
+
}
|
|
79
108
|
}
|
|
80
109
|
|
|
81
110
|
.pf-chatbot-container--embedded {
|
|
@@ -7,6 +7,11 @@
|
|
|
7
7
|
overflow-y: auto;
|
|
8
8
|
overflow: hidden; // needed in Red Hat Developer Hub workspace
|
|
9
9
|
flex: 1; // needed in Composer AI
|
|
10
|
+
|
|
11
|
+
// allows for zoom conditions; try zooming to 200% to see
|
|
12
|
+
@media screen and (max-height: 518px) {
|
|
13
|
+
overflow: unset;
|
|
14
|
+
}
|
|
10
15
|
}
|
|
11
16
|
|
|
12
17
|
// ============================================================================
|
|
@@ -7,6 +7,11 @@
|
|
|
7
7
|
overflow: hidden;
|
|
8
8
|
display: grid;
|
|
9
9
|
grid-template-rows: 1fr auto;
|
|
10
|
+
|
|
11
|
+
// allows for zoom conditions; try zooming to 200% to see
|
|
12
|
+
@media screen and (max-height: 518px) {
|
|
13
|
+
overflow-y: auto;
|
|
14
|
+
}
|
|
10
15
|
}
|
|
11
16
|
|
|
12
17
|
.pf-chatbot__dropzone--visible.pf-chatbot__dropzone {
|
|
@@ -34,3 +39,18 @@
|
|
|
34
39
|
width: 100%;
|
|
35
40
|
padding: var(--pf-t--global--spacer--md);
|
|
36
41
|
}
|
|
42
|
+
|
|
43
|
+
.pf-chatbot--default {
|
|
44
|
+
// allows for zoom conditions; try zooming to 200% to see
|
|
45
|
+
.pf-chatbot__dropzone--visible.pf-chatbot__dropzone {
|
|
46
|
+
@media screen and (max-height: 518px) {
|
|
47
|
+
display: flex;
|
|
48
|
+
height: 100%;
|
|
49
|
+
overflow: hidden;
|
|
50
|
+
|
|
51
|
+
.pf-v6-c-multiple-file-upload__main {
|
|
52
|
+
width: 100%;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
@@ -7,6 +7,16 @@
|
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
row-gap: var(--pf-t--global--spacer--sm);
|
|
9
9
|
padding: var(--pf-t--global--spacer--lg);
|
|
10
|
+
|
|
11
|
+
// 32 rem is the width of the overlay chatbot plus the insets
|
|
12
|
+
// if the screen is smaller, we want to be 100%
|
|
13
|
+
@media screen and (max-width: 32rem) {
|
|
14
|
+
width: 100%;
|
|
15
|
+
}
|
|
16
|
+
// allows for zoom conditions; try zooming to 200% to see
|
|
17
|
+
@media screen and (max-height: 518px) {
|
|
18
|
+
overflow-y: visible;
|
|
19
|
+
}
|
|
10
20
|
}
|
|
11
21
|
|
|
12
22
|
.pf-chatbot__messagebox--bottom > :first-child {
|