pxt-core 8.2.2 → 8.2.5

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": "pxt-core",
3
- "version": "8.2.2",
3
+ "version": "8.2.5",
4
4
  "description": "Microsoft MakeCode provides Blocks / JavaScript / Python tools and editors",
5
5
  "keywords": [
6
6
  "TypeScript",
@@ -229,6 +229,11 @@
229
229
  margin: 1rem;
230
230
  }
231
231
 
232
+ .common-button-flex {
233
+ display: flex;
234
+ flex-direction: column;
235
+ justify-content: center;
236
+ }
232
237
  }
233
238
 
234
239
  .image-editor-open #tutorialcard {
@@ -34,7 +34,10 @@
34
34
  }
35
35
 
36
36
  .monaco-editor .lines-content, .monaco-editor .view-line, .monaco-editor .view-lines {
37
- text-shadow: 1px 1px #000;
37
+
38
+ > span {
39
+ background: @editorToolsBackground;
40
+ }
38
41
  }
39
42
 
40
43
  .blocklyMainBackground {
package/theme/home.less CHANGED
@@ -658,17 +658,12 @@
658
658
 
659
659
  .projectsdialog {
660
660
  .ui.card.buttoncard {
661
- width: 9rem;
662
- height: 9rem;
663
661
  .content {
664
662
  padding: 1rem;
665
663
  }
666
664
  .header {
667
665
  font-size: 12pt !important;
668
666
  }
669
- i.icon.huge {
670
- font-size: 3rem;
671
- }
672
667
  }
673
668
  .ui.card.example {
674
669
  .ui.huge.label {
@@ -62,8 +62,12 @@
62
62
  border-top: 2px dashed @tutorialSecondaryColor;
63
63
  }
64
64
 
65
- .lang-blocks .ui.segment.raised {
65
+ .lang-blocks .ui.segment.raised, .ui.segment.raised.codewidget {
66
66
  overflow-x: auto;
67
+
68
+ code, code.hljs {
69
+ white-space: pre;
70
+ }
67
71
  }
68
72
  }
69
73
 
@@ -770,6 +774,10 @@
770
774
  }
771
775
  }
772
776
  }
777
+
778
+ .tutorial-title {
779
+ max-width: calc(100% - 10rem);
780
+ }
773
781
  }
774
782
 
775
783
  .tutorial-video-embed {
@@ -789,4 +797,37 @@
789
797
  padding-bottom: 83% !important;
790
798
  }
791
799
  }
800
+
801
+ .tutorial-content.has-hint > :not(.tutorial-mobile-header) {
802
+ padding-right: 4rem;
803
+ }
804
+
805
+ #root.headless.tabTutorial.collapsedEditorTools {
806
+ .tutorial-hint .tutorial-callout-button.ui.button {
807
+ margin: 0;
808
+ }
809
+
810
+ .tutorial-controls {
811
+ position: absolute;
812
+ right: 5.5rem;
813
+ height: 100%;
814
+ display: flex;
815
+ justify-content: center;
816
+ align-items: center;
817
+ }
818
+ }
819
+
820
+ .tutorial-mobile-header {
821
+ display: flex;
822
+ flex-direction: row;
823
+
824
+ .tutorial-mobile-progress {
825
+ flex-grow: 1;
826
+ font-size: 1rem;
827
+ }
828
+ }
829
+
830
+ .tutorial-title {
831
+ max-width: 100%;
832
+ }
792
833
  }
@@ -221,6 +221,14 @@ body#docs.tutorial {
221
221
  width: 100%;
222
222
  }
223
223
 
224
+ .ui.modal {
225
+ .ams-embed, .yt-embed {
226
+ height: 30rem;
227
+ width: 80%;
228
+ max-height: 50vh;
229
+ }
230
+ }
231
+
224
232
  @media only screen and (min-height: 400px) {
225
233
  .hintdialog .ui.segment .blocklyPreview,
226
234
  .tutorialhint .ui.segment .blocklyPreview,