releasebird-javascript-sdk 1.0.85 → 1.0.87
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/build/index.js +1 -1
- package/package.json +1 -1
- package/published/1.0.86/index.js +1 -0
- package/published/1.0.87/index.js +1 -0
- package/published/latest/index.js +1 -1
- package/src/RbirdFormManager.js +56 -28
package/src/RbirdFormManager.js
CHANGED
|
@@ -382,13 +382,15 @@ export class RbirdFormManager {
|
|
|
382
382
|
// Styles
|
|
383
383
|
getFormStyles(theme, isModal) {
|
|
384
384
|
return `
|
|
385
|
-
background-color: ${theme.backgroundColor || '#ffffff'};
|
|
386
|
-
font-family: ${theme.fontFamily || "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"};
|
|
387
|
-
border-radius: ${theme.borderRadius || '12px'};
|
|
388
|
-
padding:
|
|
389
|
-
min-width: min(400px, calc(100vw - 40px));
|
|
390
|
-
${isModal ? 'max-width: 500px; width: 100
|
|
391
|
-
box-sizing: border-box;
|
|
385
|
+
background-color: ${theme.backgroundColor || '#ffffff'} !important;
|
|
386
|
+
font-family: ${theme.fontFamily || "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"} !important;
|
|
387
|
+
border-radius: ${theme.borderRadius || '12px'} !important;
|
|
388
|
+
padding: 32px !important;
|
|
389
|
+
min-width: min(400px, calc(100vw - 40px)) !important;
|
|
390
|
+
${isModal ? 'max-width: 500px !important; width: 100% !important; max-height: 90vh !important; overflow-y: auto !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;' : 'width: 100% !important;'}
|
|
391
|
+
box-sizing: border-box !important;
|
|
392
|
+
margin: 0 !important;
|
|
393
|
+
border: none !important;
|
|
392
394
|
`;
|
|
393
395
|
}
|
|
394
396
|
|
|
@@ -515,37 +517,59 @@ export class RbirdFormManager {
|
|
|
515
517
|
style.id = 'rbird-form-styles';
|
|
516
518
|
style.textContent = `
|
|
517
519
|
.rbird-form-overlay {
|
|
518
|
-
position: fixed;
|
|
519
|
-
top: 0;
|
|
520
|
-
left: 0;
|
|
521
|
-
right: 0;
|
|
522
|
-
bottom: 0;
|
|
523
|
-
background-color: rgba(0, 0, 0, 0);
|
|
524
|
-
display: flex;
|
|
525
|
-
align-items: center;
|
|
526
|
-
justify-content: center;
|
|
527
|
-
z-index: 10001;
|
|
528
|
-
padding: 20px;
|
|
520
|
+
position: fixed !important;
|
|
521
|
+
top: 0 !important;
|
|
522
|
+
left: 0 !important;
|
|
523
|
+
right: 0 !important;
|
|
524
|
+
bottom: 0 !important;
|
|
525
|
+
background-color: rgba(0, 0, 0, 0) !important;
|
|
526
|
+
display: flex !important;
|
|
527
|
+
align-items: center !important;
|
|
528
|
+
justify-content: center !important;
|
|
529
|
+
z-index: 10001 !important;
|
|
530
|
+
padding: 20px !important;
|
|
529
531
|
opacity: 0;
|
|
530
532
|
transition: background-color 0.3s, opacity 0.3s;
|
|
533
|
+
box-sizing: border-box !important;
|
|
531
534
|
}
|
|
532
535
|
|
|
533
536
|
.rbird-form-overlay-visible {
|
|
534
|
-
background-color: rgba(0, 0, 0, 0.5);
|
|
535
|
-
opacity: 1;
|
|
537
|
+
background-color: rgba(0, 0, 0, 0.5) !important;
|
|
538
|
+
opacity: 1 !important;
|
|
536
539
|
}
|
|
537
540
|
|
|
538
541
|
.rbird-form-modal {
|
|
539
|
-
position: relative;
|
|
542
|
+
position: relative !important;
|
|
540
543
|
animation: rbirdFormSlideIn 0.3s ease-out;
|
|
544
|
+
box-sizing: border-box !important;
|
|
541
545
|
}
|
|
542
546
|
|
|
543
547
|
.rbird-form-inline {
|
|
544
|
-
width: 100
|
|
548
|
+
width: 100% !important;
|
|
549
|
+
box-sizing: border-box !important;
|
|
545
550
|
}
|
|
546
551
|
|
|
547
552
|
.rbird-form-content {
|
|
548
|
-
position: relative;
|
|
553
|
+
position: relative !important;
|
|
554
|
+
box-sizing: border-box !important;
|
|
555
|
+
padding: 32px !important;
|
|
556
|
+
background-color: #ffffff !important;
|
|
557
|
+
border-radius: 12px !important;
|
|
558
|
+
}
|
|
559
|
+
|
|
560
|
+
.rbird-form-body {
|
|
561
|
+
padding: 0 !important;
|
|
562
|
+
margin: 0 !important;
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
.rbird-form-title {
|
|
566
|
+
margin: 0 0 8px 0 !important;
|
|
567
|
+
padding: 0 !important;
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
.rbird-form-description {
|
|
571
|
+
margin: 0 0 20px 0 !important;
|
|
572
|
+
padding: 0 !important;
|
|
549
573
|
}
|
|
550
574
|
|
|
551
575
|
.rbird-form-close:hover {
|
|
@@ -553,20 +577,24 @@ export class RbirdFormManager {
|
|
|
553
577
|
}
|
|
554
578
|
|
|
555
579
|
.rbird-form-submit:hover {
|
|
556
|
-
opacity: 0.9;
|
|
580
|
+
opacity: 0.9 !important;
|
|
557
581
|
transform: translateY(-1px);
|
|
558
582
|
}
|
|
559
583
|
|
|
560
584
|
.rbird-form-submit:disabled {
|
|
561
|
-
opacity: 0.6;
|
|
562
|
-
cursor: not-allowed;
|
|
585
|
+
opacity: 0.6 !important;
|
|
586
|
+
cursor: not-allowed !important;
|
|
563
587
|
}
|
|
564
588
|
|
|
565
589
|
.rbird-form-fields input:focus,
|
|
566
590
|
.rbird-form-fields textarea:focus,
|
|
567
591
|
.rbird-form-fields select:focus {
|
|
568
|
-
border-color: #667eea;
|
|
569
|
-
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
|
|
592
|
+
border-color: #667eea !important;
|
|
593
|
+
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
|
|
594
|
+
}
|
|
595
|
+
|
|
596
|
+
.rbird-form-field {
|
|
597
|
+
margin-bottom: 16px !important;
|
|
570
598
|
}
|
|
571
599
|
|
|
572
600
|
@keyframes rbirdFormSlideIn {
|