pxt-core 8.0.1 → 8.0.2

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.
@@ -43,7 +43,7 @@
43
43
 
44
44
  <div class="ui main container mainbody script-content">
45
45
  <iframe id="embed-frame" class="script-embed" src="/@versionsuff@#sandbox:@id@"
46
- sandbox="allow-popups allow-forms allow-scripts allow-same-origin" frameborder="0"></iframe>
46
+ sandbox="allow-popups allow-forms allow-scripts allow-same-origin allow-downloads" frameborder="0"></iframe>
47
47
  <div class="script-bookend">
48
48
  <div id="abuse-message" class="ui tiny blue message">
49
49
  <div class="ui grid padded">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pxt-core",
3
- "version": "8.0.1",
3
+ "version": "8.0.2",
4
4
  "description": "Microsoft MakeCode provides Blocks / JavaScript / Python tools and editors",
5
5
  "keywords": [
6
6
  "TypeScript",
@@ -212,7 +212,7 @@ export const ShareInfo = (props: ShareInfoProps) => {
212
212
  onBlur={handleCopyBlur} />
213
213
  </div>
214
214
  <div className="project-share-actions">
215
- <Button className="circle-button gray"
215
+ <Button className="circle-button gray embed mobile-portrait-hidden"
216
216
  title={lf("Show embed code")}
217
217
  leftIcon="fas fa-code"
218
218
  onClick={handleEmbedClick} />
@@ -4,16 +4,33 @@
4
4
  @largeMonitorBreakpoint: 1200px;
5
5
  @widescreenMonitorBreakpoint: 1920px;
6
6
 
7
+ @largestMobilePortraitScreen: (@mobileBreakpoint + 100px);
7
8
  @largestMobileScreen: (@tabletBreakpoint - 1px);
8
9
  @largestTabletScreen: (@computerBreakpoint - 1px);
9
10
  @largestSmallMonitor: (@largeMonitorBreakpoint - 1px);
10
11
  @largestLargeMonitor: (@widescreenMonitorBreakpoint - 1px);
11
12
 
13
+ @portraitMobileAndBelow: ~"only screen and (max-width: @{largestMobilePortraitScreen})";
12
14
  @mobileAndBelow: ~"only screen and (max-width: @{largestMobileScreen})";
13
15
  @tabletAndBelow: ~"only screen and (max-width: @{largestTabletScreen})";
14
16
  @computerAndBelow: ~"only screen and (max-width: @{largestSmallMonitor})";
15
17
  @largeMonitorAndBelow: ~"only screen and (max-width: @{largestLargeMonitor})";
16
18
 
19
+ /****************************************************
20
+ * Mobile Portrait *
21
+ ****************************************************/
22
+
23
+ @media only screen and (min-width: @portraitMobileAndBelow) {
24
+ .mobile-portrait-only {
25
+ display: none !important;
26
+ }
27
+ }
28
+
29
+ @media @mobileAndBelow {
30
+ .mobile-portrait-hidden {
31
+ display: none !important;
32
+ }
33
+ }
17
34
 
18
35
  /****************************************************
19
36
  * Mobile *