Cleanup code

packages/toc/src/generators/python/render.tsx

@@ -14,7 +14,14 @@ import { IHeading } from '../../utils/headings';
 function render(item: IHeading) {
   let fontSizeClass = 'toc-level-size-' + item.level;
 
-  return <span className={fontSizeClass}> {item.text} </span>;
+  return (
+    <div className={fontSizeClass + ' toc-entry-holder'}>
+      <div className="jp-Collapser p-Widget lm-Widget">
+        <div className="toc-Collapser-child"></div>
+      </div>
+      <span className="header-cell toc-cell-item"> {item.text} </span>
+    </div>
+  );
 }
 
 /**

packages/toc/src/toc.tsx

@@ -72,7 +72,6 @@ export class TableOfContents extends Widget {
       this._monitor.dispose();
       this._monitor = null;
     }
-    console.log(this._current);
     // If we are wiping the ToC, update and return...
     if (!this._current) {
       this.update();

packages/toc/src/toc_item.tsx

@@ -50,6 +50,7 @@ class TOCItem extends React.Component<IProperties, IState> {
     const onClick = (event: React.SyntheticEvent<HTMLSpanElement>) => {
       event.preventDefault();
       event.stopPropagation();
+      // Change the "active cell" to be the cell that was just clicked
       if (event.currentTarget.parentNode) {
         for (const child of event.currentTarget.parentNode?.children) {
           child.classList.remove('toc-active-cell');

packages/toc/style/index.css

@@ -264,7 +264,6 @@
   font-size: 12px;
   color: var(--jp-ui-font-color1);
   padding-left: 15px;
-  /* padding-top: 7px; */
   user-select: none;
   float: right;
 }
@@ -273,7 +272,6 @@
   font-size: 12px;
   color: var(--jp-ui-font-color2);
   padding-left: 15px;
-  /* padding-top: 7px; */
   user-select: none;
 }
 
@@ -384,11 +382,9 @@
   padding-top: 6px;
 }
 
-/* Font level sizes */
-
-/* .toc-level-size-1 {
-  font-size: 16.89px;
-} */
+/* 
+ * Indentation levels
+ */
 
 .toc-level-size-2 {
   margin-left: 31px;
@@ -405,7 +401,3 @@
 .toc-level-size-5 {
   margin-left: 81px;
 }
-
-/* .toc-level-size-default {
-  font-size: 9px;
-} */