chore: improve widgets

* Make all widgets expanded by default. This way, without Javascript,
thematics and topics are still available.
* Improve collapse/expand transition.
* Remove widget scrollbar: the height was sometimes weird because of
that. Except for ToC on large devices.

4 files changed, 13 insertions, 42 deletions

diff --git a/src/components/Widgets/ThematicsList/ThematicsList.tsx b/src/components/Widgets/ThematicsList/ThematicsList.tsx
index 9b1f03a..e59050d 100644
--- a/src/components/Widgets/ThematicsList/ThematicsList.tsx
+++ b/src/components/Widgets/ThematicsList/ThematicsList.tsx
@@ -56,7 +56,12 @@ const ThematicsList = ({
   };
 
   return (
-    <ExpandableWidget title={title} titleLevel={titleLevel} withBorders={true}>
+    <ExpandableWidget
+      title={title}
+      titleLevel={titleLevel}
+      withBorders={true}
+      expand={true}
+    >
       {getList()}
     </ExpandableWidget>
   );
diff --git a/src/components/Widgets/ToC/ToC.module.scss b/src/components/Widgets/ToC/ToC.module.scss
deleted file mode 100644
index c2e7f97..0000000
--- a/src/components/Widgets/ToC/ToC.module.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-@use "@styles/abstracts/functions" as fun;
-@use "@styles/abstracts/mixins" as mix;
-
-.item {
-  width: 100%;
-  margin: 0;
-
-  &::before {
-    display: none;
-  }
-}
-
-.link {
-  display: flex;
-  flex-flow: row nowrap;
-  width: 100%;
-  padding: var(--spacing-2xs) var(--spacing-sm);
-  background: none;
-  border-bottom: fun.convert-px(1) solid var(--color-border-light);
-  text-decoration: underline solid transparent 0;
-  transition: all 0.16s ease-in-out 0s, text-decoration-color 0s;
-
-  &:hover,
-  &:focus {
-    background: var(--color-bg-secondary);
-  }
-
-  &:focus {
-    color: var(--color-primary);
-    text-decoration-color: var(--color-primary-light);
-    text-decoration-thickness: 0.25ex;
-  }
-
-  &:active {
-    background: var(--color-bg-tertiary);
-    text-decoration-color: transparent;
-    text-decoration-thickness: 0;
-  }
-}
diff --git a/src/components/Widgets/ToC/ToC.tsx b/src/components/Widgets/ToC/ToC.tsx
index c499478..8a2d493 100644
--- a/src/components/Widgets/ToC/ToC.tsx
+++ b/src/components/Widgets/ToC/ToC.tsx
@@ -25,7 +25,7 @@ const ToC = () => {
   };
 
   return (
-    <ExpandableWidget title={title} expand={true} withBorders={true}>
+    <ExpandableWidget title={title} kind="toc" expand={true} withBorders={true}>
       <OrderedList items={getItems(headingsTree)} />
     </ExpandableWidget>
   );
diff --git a/src/components/Widgets/TopicsList/TopicsList.tsx b/src/components/Widgets/TopicsList/TopicsList.tsx
index 80341c3..109b212 100644
--- a/src/components/Widgets/TopicsList/TopicsList.tsx
+++ b/src/components/Widgets/TopicsList/TopicsList.tsx
@@ -56,7 +56,12 @@ const TopicsList = ({
   };
 
   return (
-    <ExpandableWidget title={title} titleLevel={titleLevel} withBorders={true}>
+    <ExpandableWidget
+      title={title}
+      titleLevel={titleLevel}
+      withBorders={true}
+      expand={true}
+    >
       {getList()}
     </ExpandableWidget>
   );