revert js toc class name change

ONSdigital · Nov 19, 2024 · 51aeb8a · 51aeb8a
1 parent e4b41cf
commit 51aeb8a
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/table-of-contents/example-table-of-contents-sticky-full-page.njk b/src/components/table-of-contents/example-table-of-contents-sticky-full-page.njk
@@ -36,7 +36,7 @@ layout: ~
 
 {% block main %}
     <div class="ons-page__container ons-container">
-        <div class="ons-grid ons-js-table-of-contents-container">
+        <div class="ons-grid ons-js-toc-container">
             <div class="ons-grid__col ons-grid__col--sticky@m ons-col-4@m">
                 {{
                     onsTableOfContents({

diff --git a/src/components/table-of-contents/example-table-of-contents-sticky.njk b/src/components/table-of-contents/example-table-of-contents-sticky.njk
@@ -1,6 +1,6 @@
 {% from "components/table-of-contents/_macro.njk" import onsTableOfContents %}
 <div class="ons-page__container ons-container">
-    <div class="ons-grid ons-js-table-of-contents-container">
+    <div class="ons-grid ons-js-toc-container">
         <div class="ons-grid__col ons-grid__col--sticky@m ons-col-4@m">
             {{-
                 onsTableOfContents({

diff --git a/src/components/table-of-contents/table-of-contents.dom.js b/src/components/table-of-contents/table-of-contents.dom.js
@@ -1,7 +1,7 @@
 import domready from '../../js/domready';
 
 async function tableOfContents() {
-    const tableOfContents = [...document.querySelectorAll('.ons-js-table-of-contents-container')];
+    const tableOfContents = [...document.querySelectorAll('.ons-js-toc-container')];
 
     if (tableOfContents.length) {
         const TableOfContents = (await import('./table-of-contents')).default;

diff --git a/src/components/table-of-contents/table-of-contents.spec.js b/src/components/table-of-contents/table-of-contents.spec.js
@@ -9,7 +9,7 @@ describe('script: table-of-contents', () => {
             /* eslint-disable indent */
             `
       <div class="ons-page__container ons-container">
-        <div class="ons-grid ons-js-table-of-contents-container">
+        <div class="ons-grid ons-js-toc-container">
           <div class="ons-grid__col ons-grid__col--sticky@m ons-col-4@m">
             ${renderComponent('table-of-contents', {
                 title: 'Contents',
@@ -71,7 +71,7 @@ describe('script: table-of-contents-fixed-position', () => {
             /* eslint-disable indent */
             `
         <div class="ons-page__container ons-container">
-          <div class="ons-grid ons-js-table-of-contents-container">
+          <div class="ons-grid ons-js-toc-container">
             <div id="sticky-container" class="ons-grid__col ons-grid__col--sticky@m ons-col-4@m">
               ${renderComponent('table-of-contents', {
                   title: 'Contents',