pxt-core 8.0.1 → 8.0.4

package/docfiles/domains-template.html

@@ -405,6 +405,7 @@
         addRow("https://immersivereaderprod.cognitiveservices.azure.com");
         addRow("https://github.com");
         addRow("https://raw.githubusercontent.com/")
+        addRow("https://microsoft.github.io/");
 
     </script>
 

package/docfiles/script.html

@@ -43,7 +43,7 @@
 
     <div class="ui main container mainbody script-content">
         <iframe id="embed-frame" class="script-embed" src="/@versionsuff@#sandbox:@id@"
-            sandbox="allow-popups allow-forms allow-scripts allow-same-origin" frameborder="0"></iframe>
+            sandbox="allow-popups allow-forms allow-scripts allow-same-origin allow-downloads" frameborder="0"></iframe>
         <div class="script-bookend">
             <div id="abuse-message" class="ui tiny blue message">
                 <div class="ui grid padded">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pxt-core",
-  "version": "8.0.1",
+  "version": "8.0.4",
   "description": "Microsoft MakeCode provides Blocks / JavaScript / Python tools and editors",
   "keywords": [
     "TypeScript",

package/react-common/components/share/ShareInfo.tsx

@@ -212,7 +212,7 @@ export const ShareInfo = (props: ShareInfoProps) => {
                                 onBlur={handleCopyBlur} />
                         </div>
                         <div className="project-share-actions">
-                            <Button className="circle-button gray"
+                            <Button className="circle-button gray embed mobile-portrait-hidden"
                                 title={lf("Show embed code")}
                                 leftIcon="fas fa-code"
                                 onClick={handleEmbedClick} />

package/react-common/styles/react-common-breakpoints.less

@@ -4,16 +4,33 @@
 @largeMonitorBreakpoint: 1200px;
 @widescreenMonitorBreakpoint: 1920px;
 
+@largestMobilePortraitScreen: (@mobileBreakpoint + 100px);
 @largestMobileScreen: (@tabletBreakpoint - 1px);
 @largestTabletScreen: (@computerBreakpoint - 1px);
 @largestSmallMonitor: (@largeMonitorBreakpoint - 1px);
 @largestLargeMonitor: (@widescreenMonitorBreakpoint - 1px);
 
+@portraitMobileAndBelow: ~"only screen and (max-width: @{largestMobilePortraitScreen})";
 @mobileAndBelow: ~"only screen and (max-width: @{largestMobileScreen})";
 @tabletAndBelow: ~"only screen and (max-width: @{largestTabletScreen})";
 @computerAndBelow: ~"only screen and (max-width: @{largestSmallMonitor})";
 @largeMonitorAndBelow: ~"only screen and (max-width: @{largestLargeMonitor})";
 
+/****************************************************
+ *                Mobile Portrait                   *
+ ****************************************************/
+
+@media only screen and (min-width: @portraitMobileAndBelow) {
+    .mobile-portrait-only {
+        display: none !important;
+    }
+}
+
+@media @mobileAndBelow {
+    .mobile-portrait-hidden {
+        display: none !important;
+    }
+}
 
 /****************************************************
  *                    Mobile                        *

package/theme/blockly-core.less

@@ -115,10 +115,6 @@ body.blocklyMinimalBody {
     visibility: visible;
 }
 
-.blocklyTreeIcon.blocklyTreeIconserial {
-    font-family: 'brand-icons';
-}
-
 i.icon.blocklyTreeButton {
     float: right;
     line-height: 40px;

package/theme/serial.less

@@ -17,7 +17,8 @@
     height: 90%;
     padding: 1rem;
 
-    #serialCsv {
+    #serialCsv,
+    #serialCsvViewLatest {
         display: none;
     }
 
@@ -28,6 +29,12 @@
     &.csv-view {
         #serialCsv {
             display: block;
+
+            table:last-child thead {
+                position: sticky;
+                top: -0.75rem;
+                box-shadow: inset 0 2px 0 #ddd, inset 0 -2px 0 #ddd;
+            }
         }
 
         #serialCharts,
@@ -36,6 +43,24 @@
         .csv-hide {
             display: none;
         }
+
+        #serialCsvViewLatest {
+            display: block;
+            position: absolute;
+            margin-left: auto;
+            margin-right: auto;
+            text-align: center;
+            left: 0;
+            right: 0;
+            max-width: 15rem;
+            margin-top: -3em;
+        }
+
+        &.hide-view-latest {
+            #serialCsvViewLatest {
+                display: none;
+            }
+        }
     }
 
     &.no-toggle #serial-editor-toggle {
@@ -130,7 +155,7 @@
     }
 }
 #serialConsole.nochart {
-    height: calc(100% - 2.5rem);
+    height: calc(100% - 12.5rem);
 }
 
 #serialConsole span {

package/theme/toolbox.less

@@ -189,6 +189,10 @@ span.blocklyTreeIcon {
     vertical-align: middle;
 }
 
+.blocklyTreeIcon.brandIcon {
+    font-family: 'brand-icons';
+}
+
 div.blocklyTreeIcon span {
     vertical-align: middle;
 }