Branch was updated using the 'autoupdate branch' Actions workflow.

Octomerger · web-flow · commit c6739fd2a725 · 2021-01-22T02:37:06.000+10:00
diff --git a/javascripts/search.js b/javascripts/search.js
@@ -42,6 +42,8 @@ export default function search () {
   searchWithYourKeyboard('#search-input-container input', '.ais-Hits-item')
   toggleSearchDisplay()
 
+  $searchInputContainer.querySelector('form')
+    .addEventListener('submit', evt => evt.preventDefault())
   $searchInput.addEventListener('keyup', debounce(onSearch))
 }
 
diff --git a/layouts/release-notes.html b/layouts/release-notes.html
@@ -7,12 +7,12 @@
   <body class="d-lg-flex">
     {% include sidebar %}
 
-    <main class="width-full">
+    <main class="flex-1 min-width-0">
       {% include header %}
       {% include deprecation-banner %}
 
-      <div class="d-flex flex-items-stretch">
-        <article class="flex-auto">
+      <div class="d-flex">
+        <article class="min-width-0 flex-1">
           <div class="d-flex flex-items-center flex-justify-between bg-white text-bold px-5 py-2">
             {% if prevRelease %}
               <a
@@ -39,8 +39,8 @@ <h1 class="f4 py-3 m-0">{{ currentVersion | version_num }} Release notes</h1>
 
           <div class="markdown-body">
             {% for patch in releaseNotes %}
-              <div class="js-release-notes-patch mb-10 bg-gray-light px-3 pb-6 border-bottom border-top" data-version="{{ patch.version }}">
-                <header class="container-xl position-sticky top-0 bg-gray-light border-bottom pt-4 pb-2 js-release-notes-patch-heading" data-version="{{ patch.version }}">
+              <div class="js-release-notes-patch mb-10 bg-gray-light pb-6 border-bottom border-top" data-version="{{ patch.version }}">
+                <header class="container-xl position-sticky top-0 bg-gray-light border-bottom px-3 pt-4 pb-2 js-release-notes-patch-heading" data-version="{{ patch.version }}">
                   <div class="d-flex flex-items-center">
                     <h2 class="border-bottom-0 m-0 p-0">
                       {{ allVersions[currentVersion].versionTitle }}.{{ patch.patchVersion }}
@@ -62,16 +62,16 @@ <h2 class="border-bottom-0 m-0 p-0">
                   <p class="text-gray mt-1">{{ patch.date | date: "%B %d, %Y" }}</p>
                 </header>
 
-                <div class="container-xl" id="{{ patch.version }}">
-                  <p class="mt-3">{{ patch.intro }}</p>
+                <div class="container-xl px-3" id="{{ patch.version }}">
+                  <div class="mt-3">{{ patch.intro }}</div>
 
                   {% for section in patch.sections %}
-                    <div class="release-notes-section-{{ section[0] }} py-6 d-block d-xl-flex flex-items-baseline {% unless forloop.last %}border-bottom{% endunless %}">
-                      <div class="mr-2 flex-shrink-0 mb-5 col-12 col-xl-3">
+                    <div class="release-notes-section-{{ section[0] }} py-6 d-block d-xl-flex gutter-xl flex-items-baseline {% unless forloop.last %}border-bottom{% endunless %}">
+                      <div class="col-12 col-xl-3 mb-5">
                         {% include 'release-notes-category-label' %}
                       </div>
 
-                      <ul class="flex-auto pl-5 pl-xl-0 release-notes-list">
+                      <ul class="col-12 col-xl-9 release-notes-list">
                         {% for note in section[1] %}
                           <li class="release-notes-list-item {% if note.heading %}list-style-none{% endif %}">
                             {% if note.heading %}
@@ -102,7 +102,7 @@ <h4 id="{{ slug }}" class="release-notes-section-heading text-uppercase text-bol
 
         <aside
           class="markdown-body position-sticky top-0 d-none d-md-block border-left no-print bg-white flex-shrink-0"
-          style="width: 300px; height: 100vh;"
+          style="width: 260px; height: 100vh;"
         >
           <nav class="height-full overflow-auto">
             <ul class="list-style-none pl-0 text-bold">

Original file line number	Diff line number	Diff line change
`@@ -42,6 +42,8 @@ export default function search () {`
`42`	`42`	`searchWithYourKeyboard('#search-input-container input', '.ais-Hits-item')`
`43`	`43`	`toggleSearchDisplay()`
`44`	`44`
	`45`	`+ $searchInputContainer.querySelector('form')`
	`46`	`+ .addEventListener('submit', evt => evt.preventDefault())`
`45`	`47`	`$searchInput.addEventListener('keyup', debounce(onSearch))`
`46`	`48`	`}`
`47`	`49`