@everymatrix/player-account-timeout 0.0.256 → 0.0.259
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/player-account-timeout",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.259",
|
|
4
4
|
"main": "dist/player-account-timeout.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "7e26e42bac250a646d98bd80910b234522350fd6"
|
|
40
40
|
}
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
const toggleScreen = () => {
|
|
31
|
-
window.postMessage({
|
|
31
|
+
window.postMessage({type: 'PlayerAccountMenuActive', isMobile}, window.location.href);
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
const initialLoad = () => {
|
|
@@ -67,13 +67,6 @@
|
|
|
67
67
|
</div>
|
|
68
68
|
|
|
69
69
|
<style lang="scss">
|
|
70
|
-
//This function does a multiplication
|
|
71
|
-
// in order to work with px the
|
|
72
|
-
// same way as working with em
|
|
73
|
-
@function ttp($value) {
|
|
74
|
-
$multiplicator: 16px;
|
|
75
|
-
@return $value * $multiplicator;
|
|
76
|
-
}
|
|
77
70
|
|
|
78
71
|
:host {
|
|
79
72
|
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
@@ -116,10 +109,10 @@
|
|
|
116
109
|
|
|
117
110
|
.TimeoutDescription {
|
|
118
111
|
color: var(--emfe-w-color-gray-300, #58586B);
|
|
119
|
-
line-height:
|
|
112
|
+
line-height: 24px;
|
|
120
113
|
&.TimeoutDescriptionMobile {
|
|
121
114
|
font-size: 12px;
|
|
122
|
-
line-height:
|
|
115
|
+
line-height: 18px;
|
|
123
116
|
}
|
|
124
117
|
}
|
|
125
118
|
|
|
@@ -131,17 +124,15 @@
|
|
|
131
124
|
|
|
132
125
|
.TimeoutSelect {
|
|
133
126
|
width: 50%;
|
|
134
|
-
height:
|
|
127
|
+
height: 44px;
|
|
135
128
|
border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
|
|
136
129
|
background: var(--emfe-w-color-white, #FFFFFF);
|
|
137
|
-
border-radius:
|
|
138
|
-
padding: ttp(0.3125);
|
|
139
|
-
font-size: ttp(0.875);
|
|
130
|
+
border-radius: 5px;
|
|
140
131
|
box-sizing: border-box;
|
|
141
|
-
padding:
|
|
142
|
-
font-size:
|
|
143
|
-
line-height:
|
|
144
|
-
margin-bottom:
|
|
132
|
+
padding: 5px 10px;
|
|
133
|
+
font-size: 16px;
|
|
134
|
+
line-height: 18px;
|
|
135
|
+
margin-bottom: 16px;
|
|
145
136
|
-webkit-appearance: none;
|
|
146
137
|
-moz-appearance: none;
|
|
147
138
|
appearance: none;
|
|
@@ -161,10 +152,10 @@
|
|
|
161
152
|
|
|
162
153
|
.TimeoutActionButtons {
|
|
163
154
|
display: grid;
|
|
164
|
-
grid-column-gap:
|
|
155
|
+
grid-column-gap: 10px;
|
|
165
156
|
grid-template-rows: auto;
|
|
166
157
|
grid-template-columns:1fr;
|
|
167
|
-
margin-top:
|
|
158
|
+
margin-top: 20px;
|
|
168
159
|
width: 50%;
|
|
169
160
|
|
|
170
161
|
.TimeoutSave {
|
|
@@ -172,13 +163,13 @@
|
|
|
172
163
|
border: 1px solid var(--emfe-w-color-primary, #D0046C);
|
|
173
164
|
color: var(--emfe-w-color-white, #FFFFFF);
|
|
174
165
|
cursor: pointer;
|
|
175
|
-
border-radius:
|
|
166
|
+
border-radius: 5px;
|
|
176
167
|
width: 100%;
|
|
177
|
-
height:
|
|
168
|
+
height: 50px;
|
|
178
169
|
display: flex;
|
|
179
170
|
align-items: center;
|
|
180
171
|
justify-content: center;
|
|
181
|
-
font-size:
|
|
172
|
+
font-size: 16px;
|
|
182
173
|
text-transform: uppercase;
|
|
183
174
|
transition-duration: 0.3s;
|
|
184
175
|
box-sizing: border-box;
|