advaisor-chatbot 1.5.0 → 1.6.0

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.
Files changed (2) hide show
  1. package/dist/testchatbot.js +23 -27
  2. package/package.json +1 -1
@@ -1442,11 +1442,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
1442
1442
  background: #ffffff;
1443
1443
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
1444
1444
 
1445
- width: 30vw;
1446
- max-width: 420px;
1447
-
1445
+ width: min(30vw, 420px);
1448
1446
  height: 90vh;
1449
- max-height: 90vh;
1450
1447
 
1451
1448
  border-radius: 16px;
1452
1449
  overflow: hidden;
@@ -1457,23 +1454,33 @@ Please report this to https://github.com/markedjs/marked.`, e) {
1457
1454
  min-width: 300px;
1458
1455
  min-height: 450px;
1459
1456
  }
1460
-
1461
- @media (max-width: 768px) {
1462
- .chat-window {
1463
- width: 100vw;
1464
- max-width: 100vw;
1465
1457
 
1466
- min-height: 85vh;
1467
- max-height: 85vh;
1468
- height: auto;
1458
+ /* \u2705 Proper desktop expanded */
1459
+ .chat-window.expanded {
1460
+ width: min(700px, 95vw);
1461
+ height: 90vh;
1462
+
1463
+ }
1464
+
1465
+ /* \u2705 Mobile override */
1466
+ @media (max-width: 768px) {
1467
+ .chat-window,
1468
+ .chat-window.expanded {
1469
+ width: 100vw !important;
1470
+ max-width: 100vw !important;
1469
1471
 
1470
- bottom: 0;
1471
- right: 0;
1472
+ height: 85vh !important;
1472
1473
 
1473
- border-radius: 16px 16px 0 0; /* rounded top only */
1474
+ border-radius: 16px 16px 0 0;
1474
1475
  }
1475
1476
  }
1476
-
1477
+
1478
+ .typing {
1479
+ display: flex;
1480
+ gap: 4px;
1481
+ align-items: center;
1482
+ }
1483
+
1477
1484
  .chat-body {
1478
1485
  flex: 1;
1479
1486
  overflow-y: auto;
@@ -1558,17 +1565,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
1558
1565
  font-size: 16px;
1559
1566
  }
1560
1567
 
1561
-
1562
- .chat-window.expanded {
1563
- width: min(700px, 90vw);
1564
- height: 90vh;
1565
- }
1566
-
1567
- .typing {
1568
- display: flex;
1569
- gap: 4px;
1570
- align-items: center;
1571
- }
1572
1568
 
1573
1569
  .typing span {
1574
1570
  width: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "advaisor-chatbot",
3
- "version": "1.5.0",
3
+ "version": "1.6.0",
4
4
  "description": "Embeddable chatbot component",
5
5
  "main": "dist/testchatbot.js",
6
6
  "scripts": {