optimized-react-component-library-xyz123 2.12.7 → 2.12.8
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/mobileView.css +55 -3
- package/src/css/styles.css +14 -14
package/package.json
CHANGED
package/src/css/mobileView.css
CHANGED
|
@@ -38,9 +38,61 @@
|
|
|
38
38
|
gap: 0.6rem;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
|
|
42
|
-
width: 100
|
|
43
|
-
|
|
41
|
+
.pts-navigation-header-nav-container {
|
|
42
|
+
width: calc(100% - 3.2rem);
|
|
43
|
+
padding: 0 1.6rem;
|
|
44
|
+
display: grid;
|
|
45
|
+
grid-template-columns: 1fr 1fr 1fr;
|
|
46
|
+
align-items: center;
|
|
47
|
+
height: 4.8rem;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.pts-navigation-header-nav-container .pts-secondary-button {
|
|
51
|
+
width: 120px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/*--- 3 knappar ---*/
|
|
55
|
+
.pts-navigation-header-nav-container .pts-secondary-button:nth-child(1) {
|
|
56
|
+
justify-self: start;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.pts-navigation-header-nav-container .pts-secondary-button:nth-child(2) {
|
|
60
|
+
justify-self: center;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.pts-navigation-header-nav-container .pts-secondary-button:nth-child(3) {
|
|
64
|
+
justify-self: end;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/*--- 2 knappar: mitten och höger ---*/
|
|
68
|
+
.pts-navigation-header-nav-container:has(.pts-secondary-button:nth-child(2)):not(
|
|
69
|
+
:has(.pts-secondary-button:nth-child(3))
|
|
70
|
+
) {
|
|
71
|
+
grid-template-columns: 1fr 1fr 1fr;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.pts-navigation-header-nav-container:has(.pts-secondary-button:nth-child(2)):not(
|
|
75
|
+
:has(.pts-secondary-button:nth-child(3))
|
|
76
|
+
)
|
|
77
|
+
.pts-secondary-button:nth-child(1) {
|
|
78
|
+
grid-column: 2;
|
|
79
|
+
justify-self: center;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.pts-navigation-header-nav-container:has(.pts-secondary-button:nth-child(2)):not(
|
|
83
|
+
:has(.pts-secondary-button:nth-child(3))
|
|
84
|
+
)
|
|
85
|
+
.pts-secondary-button:nth-child(2) {
|
|
86
|
+
grid-column: 3;
|
|
87
|
+
justify-self: end;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/*--- 1 knapp: höger ---*/
|
|
91
|
+
.pts-navigation-header-nav-container:not(:has(.pts-secondary-button:nth-child(2)))
|
|
92
|
+
.pts-secondary-button {
|
|
93
|
+
grid-column: 3;
|
|
94
|
+
justify-self: end;
|
|
95
|
+
}
|
|
44
96
|
|
|
45
97
|
.pts-navigation-close-button {
|
|
46
98
|
align-items: center;
|
package/src/css/styles.css
CHANGED
|
@@ -127,7 +127,7 @@ input:focus-visible:-webkit-autofill {
|
|
|
127
127
|
white-space: nowrap;
|
|
128
128
|
color: var(--action);
|
|
129
129
|
padding: 0.8rem 2rem;
|
|
130
|
-
border: 2px solid var(--
|
|
130
|
+
border: 2px solid var(--main);
|
|
131
131
|
border-radius: 0.8rem;
|
|
132
132
|
}
|
|
133
133
|
|
|
@@ -156,7 +156,7 @@ input:focus-visible:-webkit-autofill {
|
|
|
156
156
|
display: flex;
|
|
157
157
|
flex-direction: column;
|
|
158
158
|
justify-self: center;
|
|
159
|
-
max-width:
|
|
159
|
+
max-width: 860px;
|
|
160
160
|
margin: 1.6rem 0;
|
|
161
161
|
}
|
|
162
162
|
|
|
@@ -1006,6 +1006,18 @@ input:focus-visible:-webkit-autofill {
|
|
|
1006
1006
|
box-sizing: border-box;
|
|
1007
1007
|
}
|
|
1008
1008
|
|
|
1009
|
+
.pts-footer-linkList .pts-secondary-button {
|
|
1010
|
+
position: relative;
|
|
1011
|
+
color: var(--background);
|
|
1012
|
+
border-color: var(--background-second);
|
|
1013
|
+
margin-left: 1.6rem;
|
|
1014
|
+
top: -0.5rem;
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
.pts-footer-linkList .pts-secondary-button:hover {
|
|
1018
|
+
border-color: var(--background);
|
|
1019
|
+
}
|
|
1020
|
+
|
|
1009
1021
|
/* ---------- MODAL ---------- */
|
|
1010
1022
|
|
|
1011
1023
|
.pts-modal-overlay {
|
|
@@ -1091,18 +1103,6 @@ input:focus-visible:-webkit-autofill {
|
|
|
1091
1103
|
|
|
1092
1104
|
/*-----------ALWAYS IN THE END OF STYLES----------------*/
|
|
1093
1105
|
|
|
1094
|
-
.pts-footer-linkList .pts-secondary-button {
|
|
1095
|
-
position: relative;
|
|
1096
|
-
color: var(--background);
|
|
1097
|
-
border-color: var(--background-second);
|
|
1098
|
-
margin-left: 1.6rem;
|
|
1099
|
-
top: -0.5rem;
|
|
1100
|
-
}
|
|
1101
|
-
|
|
1102
|
-
.pts-footer-linkList .pts-secondary-button:hover {
|
|
1103
|
-
border-color: var(--background);
|
|
1104
|
-
}
|
|
1105
|
-
|
|
1106
1106
|
.secondary_icon {
|
|
1107
1107
|
padding-right: 0.6rem;
|
|
1108
1108
|
}
|