releasebird-javascript-sdk 1.0.85 → 1.0.86
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/latest/index.js +1 -1
- package/src/RbirdFormManager.js +42 -28
package/src/RbirdFormManager.js
CHANGED
|
@@ -382,13 +382,14 @@ 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: 24px;
|
|
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: 24px !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;' : 'width: 100% !important;'}
|
|
391
|
+
box-sizing: border-box !important;
|
|
392
|
+
margin: 0 !important;
|
|
392
393
|
`;
|
|
393
394
|
}
|
|
394
395
|
|
|
@@ -515,37 +516,46 @@ export class RbirdFormManager {
|
|
|
515
516
|
style.id = 'rbird-form-styles';
|
|
516
517
|
style.textContent = `
|
|
517
518
|
.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;
|
|
519
|
+
position: fixed !important;
|
|
520
|
+
top: 0 !important;
|
|
521
|
+
left: 0 !important;
|
|
522
|
+
right: 0 !important;
|
|
523
|
+
bottom: 0 !important;
|
|
524
|
+
background-color: rgba(0, 0, 0, 0) !important;
|
|
525
|
+
display: flex !important;
|
|
526
|
+
align-items: center !important;
|
|
527
|
+
justify-content: center !important;
|
|
528
|
+
z-index: 10001 !important;
|
|
529
|
+
padding: 20px !important;
|
|
529
530
|
opacity: 0;
|
|
530
531
|
transition: background-color 0.3s, opacity 0.3s;
|
|
532
|
+
box-sizing: border-box !important;
|
|
531
533
|
}
|
|
532
534
|
|
|
533
535
|
.rbird-form-overlay-visible {
|
|
534
|
-
background-color: rgba(0, 0, 0, 0.5);
|
|
535
|
-
opacity: 1;
|
|
536
|
+
background-color: rgba(0, 0, 0, 0.5) !important;
|
|
537
|
+
opacity: 1 !important;
|
|
536
538
|
}
|
|
537
539
|
|
|
538
540
|
.rbird-form-modal {
|
|
539
|
-
position: relative;
|
|
541
|
+
position: relative !important;
|
|
540
542
|
animation: rbirdFormSlideIn 0.3s ease-out;
|
|
543
|
+
box-sizing: border-box !important;
|
|
541
544
|
}
|
|
542
545
|
|
|
543
546
|
.rbird-form-inline {
|
|
544
|
-
width: 100
|
|
547
|
+
width: 100% !important;
|
|
548
|
+
box-sizing: border-box !important;
|
|
545
549
|
}
|
|
546
550
|
|
|
547
551
|
.rbird-form-content {
|
|
548
|
-
position: relative;
|
|
552
|
+
position: relative !important;
|
|
553
|
+
box-sizing: border-box !important;
|
|
554
|
+
}
|
|
555
|
+
|
|
556
|
+
.rbird-form-body {
|
|
557
|
+
padding: 0 !important;
|
|
558
|
+
margin: 0 !important;
|
|
549
559
|
}
|
|
550
560
|
|
|
551
561
|
.rbird-form-close:hover {
|
|
@@ -553,20 +563,24 @@ export class RbirdFormManager {
|
|
|
553
563
|
}
|
|
554
564
|
|
|
555
565
|
.rbird-form-submit:hover {
|
|
556
|
-
opacity: 0.9;
|
|
566
|
+
opacity: 0.9 !important;
|
|
557
567
|
transform: translateY(-1px);
|
|
558
568
|
}
|
|
559
569
|
|
|
560
570
|
.rbird-form-submit:disabled {
|
|
561
|
-
opacity: 0.6;
|
|
562
|
-
cursor: not-allowed;
|
|
571
|
+
opacity: 0.6 !important;
|
|
572
|
+
cursor: not-allowed !important;
|
|
563
573
|
}
|
|
564
574
|
|
|
565
575
|
.rbird-form-fields input:focus,
|
|
566
576
|
.rbird-form-fields textarea:focus,
|
|
567
577
|
.rbird-form-fields select:focus {
|
|
568
|
-
border-color: #667eea;
|
|
569
|
-
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
|
|
578
|
+
border-color: #667eea !important;
|
|
579
|
+
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
|
|
580
|
+
}
|
|
581
|
+
|
|
582
|
+
.rbird-form-field {
|
|
583
|
+
margin-bottom: 16px !important;
|
|
570
584
|
}
|
|
571
585
|
|
|
572
586
|
@keyframes rbirdFormSlideIn {
|