optimized-react-component-library-xyz123 2.2.3 → 2.2.4
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/package.json +1 -1
- package/src/css/darkMode.css +14 -1
- package/src/css/mobileView.css +21 -14
- package/src/css/styles.css +4 -3
package/package.json
CHANGED
package/src/css/darkMode.css
CHANGED
|
@@ -507,7 +507,20 @@ background-color: var(--dark-main);
|
|
|
507
507
|
background-color: var(--dark-action);
|
|
508
508
|
}
|
|
509
509
|
|
|
510
|
-
|
|
510
|
+
.pts-collapse-content{
|
|
511
511
|
color:var(--dark-text);
|
|
512
512
|
}
|
|
513
|
+
|
|
514
|
+
.pts-collapse-button {
|
|
515
|
+
background-color: var(--dark-action);
|
|
516
|
+
color:var(--dark-main);
|
|
517
|
+
}
|
|
518
|
+
.pts-open-close-icon svg path{
|
|
519
|
+
fill: var(--dark-main);
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
.pts-collapse-body.open{
|
|
523
|
+
border-color: var(--dark-action);
|
|
524
|
+
background: var(--dark-main);
|
|
525
|
+
}
|
|
513
526
|
}
|
package/src/css/mobileView.css
CHANGED
|
@@ -51,22 +51,28 @@
|
|
|
51
51
|
|
|
52
52
|
/**Navigation menu**/
|
|
53
53
|
|
|
54
|
-
.pts-navigation-menu-container.open{
|
|
55
|
-
top: -50px;
|
|
56
|
-
width: 100%;
|
|
57
|
-
max-width: unset;
|
|
58
|
-
position: relative;
|
|
59
|
-
height: 100%;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
54
|
.pts-navigation-menu-container {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}
|
|
55
|
+
position: relative;
|
|
56
|
+
top: -50px;
|
|
66
57
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
58
|
+
width: 100%;
|
|
59
|
+
max-width: unset;
|
|
60
|
+
height: 100%;
|
|
61
|
+
|
|
62
|
+
opacity: 0;
|
|
63
|
+
transform: translateY(-100%);
|
|
64
|
+
|
|
65
|
+
transition:
|
|
66
|
+
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
|
|
67
|
+
opacity 0.25s ease;
|
|
68
|
+
|
|
69
|
+
will-change: transform, opacity;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.pts-navigation-menu-container.open {
|
|
73
|
+
transform: translateY(0);
|
|
74
|
+
opacity: 1;
|
|
75
|
+
}
|
|
70
76
|
|
|
71
77
|
.pts-navigation-close-container {
|
|
72
78
|
position: relative;
|
|
@@ -74,6 +80,7 @@
|
|
|
74
80
|
height: 48px;
|
|
75
81
|
justify-content: center;
|
|
76
82
|
}
|
|
83
|
+
|
|
77
84
|
|
|
78
85
|
.nav-parent-button {
|
|
79
86
|
padding-right: 5px !important;
|
package/src/css/styles.css
CHANGED
|
@@ -451,11 +451,13 @@ input:focus-visible:-webkit-autofill {
|
|
|
451
451
|
width: 100%;
|
|
452
452
|
max-width: 570px;
|
|
453
453
|
z-index: 999;
|
|
454
|
+
opacity: 0;
|
|
454
455
|
transform: translateX(100%);
|
|
455
|
-
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
|
|
456
|
+
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s ;
|
|
456
457
|
}
|
|
457
458
|
|
|
458
459
|
.pts-navigation-menu-container.open {
|
|
460
|
+
opacity: 1;
|
|
459
461
|
transform: translateX(0);
|
|
460
462
|
}
|
|
461
463
|
|
|
@@ -1125,6 +1127,7 @@ input:focus-visible:-webkit-autofill {
|
|
|
1125
1127
|
text-align: left;
|
|
1126
1128
|
grid-template-columns: 95% 5%;
|
|
1127
1129
|
align-items: center;
|
|
1130
|
+
font-size: 16px;
|
|
1128
1131
|
}
|
|
1129
1132
|
|
|
1130
1133
|
.pts-collapse-button.open {
|
|
@@ -1151,8 +1154,6 @@ input:focus-visible:-webkit-autofill {
|
|
|
1151
1154
|
border: 2px solid var(--background);
|
|
1152
1155
|
border-top: none;
|
|
1153
1156
|
border-radius:0 0 8px 8px;
|
|
1154
|
-
margin-left: 1px;
|
|
1155
|
-
margin-right: 2px;
|
|
1156
1157
|
}
|
|
1157
1158
|
|
|
1158
1159
|
.pts-collapse-content {
|