@n1k1t/mock-server 0.1.33 → 0.1.35

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.
Files changed (8) hide show
  1. package/lib/package.json +3 -1
  2. package/lib/tsconfig.tsbuildinfo +1 -1
  3. package/package.json +3 -1
  4. package/public/scripts/main.js +332 -295
  5. package/public/styles/main.css +44 -8
  6. package/screenshots/history.png +0 -0
  7. package/screenshots/preview.png +0 -0
  8. package/screenshots/strategy.png +0 -0
package/public/styles/main.css CHANGED
@@ -137,6 +137,9 @@ div.input.required:before {
137
137
  margin-left: 12px;
138
138
  }
139
139
 
140
+ div.history, div.expectation {
141
+ overflow: visible;
142
+ }
140
143
  div.history div.meta, div.expectation div.meta {
141
144
  border-radius: inherit;
142
145
  display: flex;
@@ -147,9 +150,10 @@ div.history div.meta div.segment, div.expectation div.meta div.segment {
147
150
  flex-wrap: wrap;
148
151
  margin-bottom: 5px;
149
152
  }
150
- div.history div.meta span, div.history div.meta button, div.expectation div.meta span, div.expectation div.meta button {
153
+ div.history div.meta span:not(.truncated, .short), div.history div.meta button, div.expectation div.meta span:not(.truncated, .short), div.expectation div.meta button {
151
154
  padding: 7px 15px;
152
155
  display: inline-block;
156
+ position: relative;
153
157
  background-color: rgba(255, 255, 255, 0.05);
154
158
  border-radius: 5px;
155
159
  margin-right: 5px;
@@ -181,6 +185,28 @@ div.history div.meta b:after, div.expectation div.meta b:after {
181
185
  margin-left: 10px;
182
186
  margin-right: 5px;
183
187
  }
188
+ div.history div.meta span span.truncated span.full, div.expectation div.meta span span.truncated span.full {
189
+ background-color: #383838;
190
+ transition-duration: 0.1s;
191
+ transform: translateY(10px);
192
+ visibility: hidden;
193
+ opacity: 0;
194
+ color: #fff;
195
+ position: absolute;
196
+ font-size: 12px;
197
+ bottom: 25px;
198
+ margin-bottom: 10px;
199
+ left: 0;
200
+ z-index: 1;
201
+ }
202
+ div.history div.meta span:hover span.truncated, div.expectation div.meta span:hover span.truncated {
203
+ padding-top: 10px;
204
+ }
205
+ div.history div.meta span:hover span.truncated span.full, div.expectation div.meta span:hover span.truncated span.full {
206
+ visibility: visible;
207
+ transform: none;
208
+ opacity: 1;
209
+ }
184
210
  div.history div.meta span.arrow, div.expectation div.meta span.arrow {
185
211
  background: transparent;
186
212
  color: rgba(255, 255, 255, 0.3);
@@ -220,7 +246,6 @@ div.history div.meta span.transport, div.expectation div.meta span.transport {
220
246
  font-size: 12px;
221
247
  }
222
248
  div.history div.meta span.method, div.expectation div.meta span.method {
223
- background-color: #ffd37b;
224
249
  color: #1e1e1e;
225
250
  font-weight: bold;
226
251
  }
@@ -286,8 +311,8 @@ div.history div.meta span.forward, div.expectation div.meta span.forward {
286
311
  font-size: 12px;
287
312
  }
288
313
  div.history div.meta span.seed, div.expectation div.meta span.seed {
289
- background-color: #a7ff7b;
290
- color: #1e1e1e;
314
+ color: #a7ff7b;
315
+ font-size: 12px;
291
316
  }
292
317
  div.history div.meta span.cache, div.expectation div.meta span.cache {
293
318
  background-color: #e1e1ff;
@@ -296,7 +321,7 @@ div.history div.meta span.cache, div.expectation div.meta span.cache {
296
321
  div.history:hover div.meta, div.expectation:hover div.meta {
297
322
  cursor: pointer;
298
323
  }
299
- div.history:hover div.meta span.time, div.history:hover div.meta span.transport, div.history:hover div.meta span.status, div.history:hover div.meta span.name, div.expectation:hover div.meta span.time, div.expectation:hover div.meta span.transport, div.expectation:hover div.meta span.status, div.expectation:hover div.meta span.name {
324
+ div.history:hover div.meta span.time, div.history:hover div.meta span.transport, div.history:hover div.meta span.status, div.history:hover div.meta span.name, div.history:hover div.meta span.method, div.history:hover div.meta span.seed, div.expectation:hover div.meta span.time, div.expectation:hover div.meta span.transport, div.expectation:hover div.meta span.status, div.expectation:hover div.meta span.name, div.expectation:hover div.meta span.method, div.expectation:hover div.meta span.seed {
300
325
  background-color: rgba(255, 255, 255, 0.15);
301
326
  }
302
327
  div.history.expectation div.meta span.status b:after, div.expectation.expectation div.meta span.status b:after {
@@ -334,9 +359,12 @@ section#settings div.container p i {
334
359
  section#settings div.container p span {
335
360
  color: rgba(255, 255, 255, 0.2);
336
361
  }
337
- section#settings div.container div.panel button.checked {
338
- background-color: #ffd37b;
339
- color: #1e1e1e;
362
+ section#settings div.container div.panel button {
363
+ background-color: rgba(255, 255, 255, 0.1);
364
+ }
365
+ section#settings div.container div.panel button:not(.checked) {
366
+ background-color: rgba(255, 255, 255, 0);
367
+ color: rgba(255, 255, 255, 0.4) !important;
340
368
  }
341
369
  section#settings div.container#groups-filter button.checked {
342
370
  pointer-events: all;
@@ -345,9 +373,17 @@ section#settings div.container#groups-filter button.checked {
345
373
  @keyframes rotating {
346
374
  0% {
347
375
  transform: scaleX(1);
376
+ color: #ffd37b;
377
+ }
378
+ 15% {
379
+ color: #383838;
348
380
  }
349
381
  50% {
350
382
  transform: scaleX(-1);
383
+ color: #ffd37b;
384
+ }
385
+ 65% {
386
+ color: #383838;
351
387
  }
352
388
  }
353
389
  section#analytics div.content {
package/screenshots/history.png DELETED
Binary file
package/screenshots/preview.png DELETED
Binary file
package/screenshots/strategy.png DELETED
Binary file