Merge branch 'main' into client-syntax-highlight

mdn · Sep 11, 2024 · 34b2173 · 34b2173
2 parents ddf0d0f + f2bca97
commit 34b2173
Show file tree

Hide file tree

Showing 13 changed files with 2,144 additions and 3,033 deletions.
diff --git a/.release-please-manifest.json b/.release-please-manifest.json
@@ -1,3 +1,3 @@
 {
-  ".": "2.62.0"
+  ".": "2.63.0"
 }
diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/client/src/document/organisms/sidebar/index.scss b/client/src/document/organisms/sidebar/index.scss
@@ -63,17 +63,15 @@
       padding-left: 0.5rem;
     }
 
-    ol {
-      li {
-        .icon {
-          margin-right: 0.01em;
-        }
+    li {
+      .icon {
+        margin-right: 0.01em;
+      }
 
-        &.no-bullet {
-          display: block;
-          font-weight: var(--font-body-strong-weight);
-          list-style-type: none;
-        }
+      &.no-bullet {
+        display: block;
+        font-weight: var(--font-body-strong-weight);
+        list-style-type: none;
       }
     }
   }

diff --git a/client/src/observatory/results.tsx b/client/src/observatory/results.tsx
@@ -103,7 +103,7 @@ export default function ObservatoryResults() {
           </section>
           <div className="sidebar-container">
             <SidebarContainer doc={{}}>
-              {<ObservatoryDocsNav /> || null}
+              <ObservatoryDocsNav />
             </SidebarContainer>
           </div>
           {hasData && !combinedError && (

diff --git a/client/src/playground/editor.tsx b/client/src/playground/editor.tsx
@@ -77,7 +77,10 @@ function cmExtensions(colorScheme: string, language: string) {
   ];
 }
 
-const Editor = forwardRef<EditorHandle, any>(function EditorInner(
+const Editor = forwardRef<
+  EditorHandle,
+  { language: string; callback: () => void }
+>(function EditorInner(
   {
     language,
     callback = () => {},

diff --git a/client/src/playground/index.scss b/client/src/playground/index.scss
@@ -258,7 +258,11 @@ main.play {
 
                 > div.content {
                   align-items: end;
-                  background: linear-gradient(to left, #111 16rem, transparent);
+                  background: linear-gradient(
+                    to left,
+                    var(--place-new-side-background) 16rem,
+                    transparent
+                  );
                   flex-direction: column;
                   height: 100%;
                   justify-content: end;

diff --git a/client/src/ui/molecules/tools-menu/index.tsx b/client/src/ui/molecules/tools-menu/index.tsx
@@ -9,11 +9,7 @@ export const ToolsMenu = ({ visibleSubMenuId, toggleMenu }) => {
 
   const menu = {
     id: "tools",
-    label: (
-      <>
-        Tools <sup className="new">New</sup>
-      </>
-    ),
+    label: "Tools",
     items: [
       {
         description: "Write, test and share your code",
@@ -28,7 +24,6 @@ export const ToolsMenu = ({ visibleSubMenuId, toggleMenu }) => {
         iconClasses: "submenu-icon",
         label: OBSERVATORY_TITLE,
         url: `/en-US/observatory`,
-        dot: "New",
       },
       {
         description: "Get real-time assistance and support",

diff --git a/client/src/ui/organisms/placement/index.scss b/client/src/ui/organisms/placement/index.scss
@@ -272,6 +272,10 @@ section.place {
       width: initial;
     }
   }
+
+  html[data-nop] & {
+    display: none;
+  }
 }
 
 .dark section.place .pong-box2 {