pxt-core 7.5.34 → 7.5.35

package/package.json

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

package/react-common/components/controls/Input.tsx

@@ -101,7 +101,7 @@ export const Input = (props: InputProps) => {
                     aria-hidden={ariaHidden}
                     type={type || "text"}
                     placeholder={placeholder}
-                    value={value || initialValue || ""}
+                    value={value !== undefined ? value : (initialValue || "")}
                     readOnly={!!readOnly}
                     onClick={clickHandler}
                     onChange={changeHandler}

package/react-common/components/controls/Modal.tsx

@@ -81,10 +81,11 @@ export const Modal = (props: ModalProps) => {
                 {fullscreen && helpUrl &&
                     <div className="common-modal-help">
                         <Button
-                            className={"menu-button"}
+                            className="menu-button"
                             title={lf("Help on {0} dialog", title)}
-                            onClick={() => { window.open(props.helpUrl, "_blank") }}
-                            rightIcon={"icon help"}
+                            href={props.helpUrl}
+                            onClick={() => {}}
+                            rightIcon="fas fa-question"
                         />
                     </div>
                 }

package/react-common/styles/controls/Button.less

@@ -16,6 +16,7 @@
     font-weight: 400;
     line-height: 1em;
     font-style: normal;
+    font-size: 16px;
     text-align: center;
     text-decoration: none;
     border-radius: 0.2em;

package/react-common/styles/controls/Input.less

@@ -10,6 +10,7 @@
     border-radius: 2px;
     border: 1px solid @inputBorderColor;
     background: @inputBackgroundColor;
+    font-size: 16px;
 }
 
 .common-input-group:focus::after,

package/theme/common.less

@@ -908,7 +908,7 @@ Field editors
 .fullscreen.extensions-browser > {
     .common-modal > {
         .common-modal-header {
-            height: 3rem;
+            height: @mainMenuHeight;
             background-color: @blue;
             z-index: 202;
             display: flex;
@@ -937,6 +937,13 @@ Field editors
         }
     }
 }
+
+@media @tabletAndBelow {
+    .fullscreen.extensions-browser > .common-modal > .common-modal-header {
+        height: @mobileMenuHeight;
+    }
+}
+
 @media @mobileAndBelow {
     .extensions-browser {
         .common-modal > .common-modal-header > .common-modal-back {
@@ -959,17 +966,32 @@ Field editors
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
-        gap: 1.5rem;
+        gap: 1rem;
+        padding-top: 2rem;
+        padding-bottom: 2rem;
         background-color: #E5E5E5;
-        padding-top: 1rem;
 
-        .search {
-            width: 100%;
-            display: flex;
-            justify-content: center;
+        .common-input-wrapper {
+            width: 70%;
+
+            .common-input-group {
+                height: 3rem;
+                border-radius: 500rem;
+                padding: 0.7rem 1rem;
 
-            .input {
-                width: 70%;
+                & > i.fas.fa-search {
+                    position: relative;
+                    margin-top: 0.1rem;
+                    right: 0;
+                    bottom: 0;
+
+                    opacity: .5;
+                    transition: opacity 0.3s ease;
+                }
+            }
+
+            &:focus-within .common-input-group > i.fas.fa-search {
+                opacity: 1;
             }
         }
     }
@@ -1025,9 +1047,7 @@ Field editors
 
     .extension-tags {
         display: flex;
-        padding: 2rem;
-        column-gap: 2rem;
-        row-gap: 1rem;
+        gap: 1rem;
         width: 80%;
         justify-content: center;
         flex-wrap: wrap;
@@ -1061,9 +1081,13 @@ Field editors
     .tab-header {
         width: 100%;
 
+        .common-button {
+            border: 2px solid @white;
+        }
+
         .common-button.selected {
-            font-weight: bold;
-            border-bottom: 0.3rem solid @blue;
+            border-bottom: 2px solid @blue;
+            font-weight: 600;
         }
     }
 

package/webapp/public/skillmap.html

@@ -28,5 +28,5 @@
     <!-- end usabilla live embed code -->
 
     <!-- @include thin-footer.html -->
-  <script>!function(e){function r(r){for(var n,l,i=r[0],a=r[1],p=r[2],c=0,s=[];c<i.length;c++)l=i[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,p||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++){var a=t[i];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var i=this.webpackJsonpskillsmap=this.webpackJsonpskillsmap||[],a=i.push.bind(i);i.push=r,i=i.slice();for(var p=0;p<i.length;p++)r(i[p]);var f=a;t()}([])</script><script src="/blb/skillmap/js/2.26b9a6f6.chunk.js"></script><script src="/blb/skillmap/js/main.d734c596.chunk.js"></script></body>
+  <script>!function(e){function r(r){for(var n,l,i=r[0],a=r[1],p=r[2],c=0,s=[];c<i.length;c++)l=i[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,p||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++){var a=t[i];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var i=this.webpackJsonpskillsmap=this.webpackJsonpskillsmap||[],a=i.push.bind(i);i.push=r,i=i.slice();for(var p=0;p<i.length;p++)r(i[p]);var f=a;t()}([])</script><script src="/blb/skillmap/js/2.26b9a6f6.chunk.js"></script><script src="/blb/skillmap/js/main.9d7e815e.chunk.js"></script></body>
 </html>