@robotical/martyblocksjr 4.2.1 → 4.2.3
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/editions/free/src/app.bundle.js +1 -1
- package/editions/free/src/assets/ui/viewOnCompactWideLabel.png +0 -0
- package/editions/free/src/css/editor.css +10 -0
- package/editions/free/src/css/editorleftpanel.css +20 -14
- package/editions/free/src/inapp/about.html +55 -26
- package/editions/free/src/inapp/blocks.html +16 -459
- package/editions/free/src/inapp/images/interface.png +0 -0
- package/editions/free/src/inapp/images/paint.png +0 -0
- package/editions/free/src/inapp/interface.html +136 -123
- package/editions/free/src/inapp/style/about.css +333 -21
- package/editions/free/src/inapp/style/blocks.css +423 -82
- package/editions/free/src/inapp/style/interface.css +178 -453
- package/editions/free/src/localizations/bg.json +36 -2
- package/editions/free/src/localizations/ca.json +36 -2
- package/editions/free/src/localizations/cs.json +36 -2
- package/editions/free/src/localizations/cy.json +36 -2
- package/editions/free/src/localizations/da.json +36 -2
- package/editions/free/src/localizations/de.json +36 -2
- package/editions/free/src/localizations/el.json +36 -2
- package/editions/free/src/localizations/en.json +114 -7
- package/editions/free/src/localizations/es.json +36 -2
- package/editions/free/src/localizations/fi.json +36 -2
- package/editions/free/src/localizations/fr.json +36 -2
- package/editions/free/src/localizations/it.json +36 -2
- package/editions/free/src/localizations/ja.json +36 -2
- package/editions/free/src/localizations/ko.json +36 -2
- package/editions/free/src/localizations/nl.json +36 -2
- package/editions/free/src/localizations/no.json +36 -2
- package/editions/free/src/localizations/pl.json +36 -2
- package/editions/free/src/localizations/pt-br.json +36 -2
- package/editions/free/src/localizations/pt.json +36 -2
- package/editions/free/src/localizations/sv.json +36 -2
- package/editions/free/src/localizations/th.json +36 -2
- package/editions/free/src/localizations/tr.json +36 -2
- package/editions/free/src/localizations/uk.json +36 -2
- package/editions/free/src/localizations/zh-cn.json +36 -2
- package/editions/free/src/localizations/zh-tw.json +36 -2
- package/package.json +1 -1
- package/scripts/a11y-structure.mjs +9 -2
- package/tests/BlockGuideRegistry.test.js +60 -0
- package/tests/MartyManager.test.js +88 -0
- package/tests/e2e/accessibility.e2e.test.js +154 -10
- package/tests/e2e/animated-sprite-paint-disabled.e2e.test.js +90 -2
- package/tests/e2e/blocks-jr-hidden-blocks.e2e.test.js +84 -0
- package/tests/e2e/chromium-79-smoke.test.js +12 -17
- package/tests/e2e/marty-script-activation-paths.e2e.test.js +71 -0
- package/tests/e2e/microbit-extension-project-reload.e2e.test.js +1 -6
- package/tests/e2e/project-load-progress-loop.e2e.test.js +1 -6
- package/tests/e2e/sidebar-scrollbars.e2e.test.js +179 -0
|
Binary file
|
|
@@ -111,6 +111,11 @@ div.frame {
|
|
|
111
111
|
height: ${css_vh(37.29)};
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
+
.pages .scrollbar {
|
|
115
|
+
top: ${css_vh(2.60)};
|
|
116
|
+
height: ${css_vh(37.29)};
|
|
117
|
+
}
|
|
118
|
+
|
|
114
119
|
.pagelist {
|
|
115
120
|
position: relative;
|
|
116
121
|
width: ${css_vh(21.09)};
|
|
@@ -390,6 +395,11 @@ div.frame {
|
|
|
390
395
|
outline-offset: 4px;
|
|
391
396
|
}
|
|
392
397
|
|
|
398
|
+
#blockspalette .categoryselector button[aria-pressed="true"]:focus,
|
|
399
|
+
#blockspalette .categoryselectorright button[aria-pressed="true"]:focus{
|
|
400
|
+
outline: none;
|
|
401
|
+
}
|
|
402
|
+
|
|
393
403
|
#blockspalette .categoryselectorright{
|
|
394
404
|
display: inline-block;
|
|
395
405
|
word-spacing: -1;
|
|
@@ -241,18 +241,19 @@
|
|
|
241
241
|
.scrollbar {
|
|
242
242
|
display: none;
|
|
243
243
|
position: absolute;
|
|
244
|
-
/* display: inline-block; */
|
|
245
244
|
margin: 0px;
|
|
246
245
|
padding: 0px;
|
|
247
246
|
top: 0px;
|
|
248
|
-
|
|
247
|
+
right: 0;
|
|
249
248
|
width: ${css_vh(1.04)};
|
|
250
|
-
height: ${css_vh(
|
|
249
|
+
height: ${css_vh(25.63)};
|
|
251
250
|
background: rgba(255,255,255,0.5);
|
|
251
|
+
touch-action: none;
|
|
252
|
+
z-index: 8;
|
|
252
253
|
}
|
|
253
254
|
|
|
254
255
|
.scrollbar .sbthumb {
|
|
255
|
-
display:
|
|
256
|
+
display: block;
|
|
256
257
|
position: absolute;
|
|
257
258
|
margin: 0px;
|
|
258
259
|
padding: 0px;
|
|
@@ -260,10 +261,15 @@
|
|
|
260
261
|
height: 0px;
|
|
261
262
|
background: #C9C9C9;
|
|
262
263
|
}
|
|
263
|
-
|
|
264
|
+
|
|
264
265
|
.scrollbar.off { display: none;}
|
|
265
266
|
|
|
266
|
-
.scrollbar.on {display:
|
|
267
|
+
.scrollbar.on {display: block;}
|
|
268
|
+
|
|
269
|
+
.scrollbar:focus-visible {
|
|
270
|
+
outline: 3px solid #133C46;
|
|
271
|
+
outline-offset: 2px;
|
|
272
|
+
}
|
|
267
273
|
|
|
268
274
|
#library {
|
|
269
275
|
position: absolute;
|
|
@@ -313,11 +319,11 @@
|
|
|
313
319
|
}
|
|
314
320
|
|
|
315
321
|
.marty-mode-card {
|
|
316
|
-
background: url('../assets/ui/
|
|
317
|
-
background-size: 100%;
|
|
322
|
+
background: url('../assets/ui/viewOnCompactWideLabel.png') no-repeat left top;
|
|
323
|
+
background-size: 100% 100%;
|
|
318
324
|
position: relative;
|
|
319
325
|
display: inline-block;
|
|
320
|
-
width: ${css_vh(
|
|
326
|
+
width: ${css_vh(23.18)};
|
|
321
327
|
height: ${css_vh(10.16)};
|
|
322
328
|
margin: 0px;
|
|
323
329
|
margin-bottom: ${css_vh(-0.39)};
|
|
@@ -346,7 +352,7 @@
|
|
|
346
352
|
position: absolute;
|
|
347
353
|
text-align: center;
|
|
348
354
|
top: ${css_vh(3.91)};
|
|
349
|
-
left: ${css_vh(
|
|
355
|
+
left: ${css_vh(9.24)};
|
|
350
356
|
margin: 0px;
|
|
351
357
|
padding: 0px;
|
|
352
358
|
line-height: ${css_vh(2.60)};
|
|
@@ -356,7 +362,7 @@
|
|
|
356
362
|
font-family: 'Lato Regular';
|
|
357
363
|
font-weight: bold;
|
|
358
364
|
font-size: ${css_vh(1.69)};
|
|
359
|
-
width: ${css_vh(
|
|
365
|
+
width: ${css_vh(11.97)};
|
|
360
366
|
cursor: default;
|
|
361
367
|
color: #F9A737;
|
|
362
368
|
}
|
|
@@ -493,9 +499,9 @@
|
|
|
493
499
|
position: absolute;
|
|
494
500
|
background: url('../assets/paint/paintbrush.svg');
|
|
495
501
|
background-size: 100% 100%;
|
|
496
|
-
width: ${css_vh(5.
|
|
497
|
-
height: ${css_vh(5.
|
|
498
|
-
top: ${css_vh(2.
|
|
502
|
+
width: ${css_vh(5.08)};
|
|
503
|
+
height: ${css_vh(5.08)};
|
|
504
|
+
top: ${css_vh(2.54)};
|
|
499
505
|
left: ${css_vh(17.45)};
|
|
500
506
|
margin: 0px;
|
|
501
507
|
padding: 0px;
|
|
@@ -6,37 +6,66 @@
|
|
|
6
6
|
window.scratchJrPage = 'inappAbout';
|
|
7
7
|
</script>
|
|
8
8
|
<script type="text/javascript" src="../app.bundle.js"></script>
|
|
9
|
-
|
|
10
9
|
</head>
|
|
11
10
|
<body>
|
|
12
|
-
<
|
|
13
|
-
<
|
|
14
|
-
<
|
|
15
|
-
<
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<div class="about-
|
|
20
|
-
<
|
|
21
|
-
<
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
<h2 class="title" id="aboutWhoCreated"></h2>
|
|
27
|
-
<div class="description" id="aboutWhoCreatedDescription">
|
|
28
|
-
</div></div>
|
|
11
|
+
<main id="content" class="about-page">
|
|
12
|
+
<header class="about-hero">
|
|
13
|
+
<div class="about-hero-copy">
|
|
14
|
+
<p class="about-eyebrow" id="aboutBlocksJrEyebrow"></p>
|
|
15
|
+
<h1 id="aboutBlocksJrTitle"></h1>
|
|
16
|
+
<p class="about-tagline" id="aboutBlocksJrTagline"></p>
|
|
17
|
+
</div>
|
|
18
|
+
<div class="about-hero-art" aria-hidden="true">
|
|
19
|
+
<span class="about-spark about-spark-one"></span>
|
|
20
|
+
<span class="about-spark about-spark-two"></span>
|
|
21
|
+
<img class="about-logo" src="../assets/start/MartyBlocks Jr Icon.png" alt="">
|
|
22
|
+
<img class="about-marty" src="../pnglibrary/Sprites_Marty.png" alt="">
|
|
23
|
+
</div>
|
|
24
|
+
</header>
|
|
29
25
|
|
|
30
|
-
<
|
|
31
|
-
<h2
|
|
32
|
-
<
|
|
33
|
-
</
|
|
26
|
+
<section class="about-introduction" aria-labelledby="aboutBlocksJrIntroductionTitle">
|
|
27
|
+
<h2 id="aboutBlocksJrIntroductionTitle"></h2>
|
|
28
|
+
<p id="aboutBlocksJrIntroductionDescription"></p>
|
|
29
|
+
</section>
|
|
34
30
|
|
|
35
|
-
<
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
<section class="about-features" aria-labelledby="aboutBlocksJrFeaturesTitle">
|
|
32
|
+
<h2 id="aboutBlocksJrFeaturesTitle"></h2>
|
|
33
|
+
<div class="about-feature-grid">
|
|
34
|
+
<article class="about-feature-card about-feature-create">
|
|
35
|
+
<span class="about-feature-icon" aria-hidden="true">✦</span>
|
|
36
|
+
<h3 id="aboutBlocksJrCreateTitle"></h3>
|
|
37
|
+
<p id="aboutBlocksJrCreateDescription"></p>
|
|
38
|
+
</article>
|
|
39
|
+
<article class="about-feature-card about-feature-code">
|
|
40
|
+
<span class="about-feature-icon" aria-hidden="true">◆</span>
|
|
41
|
+
<h3 id="aboutBlocksJrCodeTitle"></h3>
|
|
42
|
+
<p id="aboutBlocksJrCodeDescription"></p>
|
|
43
|
+
</article>
|
|
44
|
+
<article class="about-feature-card about-feature-connect">
|
|
45
|
+
<span class="about-feature-icon" aria-hidden="true">↗</span>
|
|
46
|
+
<h3 id="aboutBlocksJrConnectTitle"></h3>
|
|
47
|
+
<p id="aboutBlocksJrConnectDescription"></p>
|
|
48
|
+
</article>
|
|
49
|
+
</div>
|
|
50
|
+
</section>
|
|
38
51
|
|
|
39
|
-
|
|
52
|
+
<div class="about-story-grid">
|
|
53
|
+
<section class="about-story-card about-robotical" aria-labelledby="aboutBlocksJrRoboticalTitle">
|
|
54
|
+
<div class="about-story-marker" aria-hidden="true">R</div>
|
|
55
|
+
<div>
|
|
56
|
+
<h2 id="aboutBlocksJrRoboticalTitle"></h2>
|
|
57
|
+
<p id="aboutBlocksJrRoboticalDescription"></p>
|
|
58
|
+
</div>
|
|
59
|
+
</section>
|
|
40
60
|
|
|
61
|
+
<section class="about-story-card about-foundation" aria-labelledby="aboutBlocksJrFoundationTitle">
|
|
62
|
+
<div class="about-story-marker" aria-hidden="true">S</div>
|
|
63
|
+
<div>
|
|
64
|
+
<h2 id="aboutBlocksJrFoundationTitle"></h2>
|
|
65
|
+
<p id="aboutBlocksJrFoundationDescription"></p>
|
|
66
|
+
</div>
|
|
67
|
+
</section>
|
|
68
|
+
</div>
|
|
69
|
+
</main>
|
|
41
70
|
</body>
|
|
42
71
|
</html>
|