remove "-v0" from "wikilink" and "wikitab" element ids.

fiatjaf · Sep 17, 2023 · 2160d3a · 2160d3a
1 parent 7da1485
commit 2160d3a
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 7 deletions.
diff --git a/src/lib/cards/Article.svelte b/src/lib/cards/Article.svelte
@@ -34,7 +34,7 @@
   $: summary = event?.tags.find(([k]) => k === 'summary')?.[1];
 
   function addClickListenerToWikilinks() {
-    const elements = document.querySelectorAll('[id^="wikilink-v0-"]');
+    const elements = document.querySelectorAll('[id^="wikilink-"]');
     elements.forEach((element) => {
       element.addEventListener('click', () => {
         let title = element.id.slice(12);

diff --git a/src/lib/components/LinkToArticle.svelte b/src/lib/components/LinkToArticle.svelte
@@ -3,6 +3,6 @@
 </script>
 
 <button
-  id={`wikilink-v0-${content.toLocaleLowerCase().replaceAll(' ', '-')}`}
+  id={`wikilink-${content.toLocaleLowerCase().replaceAll(' ', '-')}`}
   class="text-indigo-600 underline">{content}</button
 >
diff --git a/src/lib/components/TabElement.svelte b/src/lib/components/TabElement.svelte
@@ -87,7 +87,7 @@
 
 <!-- svelte-ignore a11y-no-static-element-interactions a11y-click-events-have-key-events -->
 <div
-  id={`wikitab-v0-${tab.id}`}
+  id={`wikitab-${tab.id}`}
   class="
   overflow-y-auto
   overflow-x-hidden

diff --git a/src/lib/utils.ts b/src/lib/utils.ts
@@ -33,8 +33,7 @@ export function next(): number {
 
 export function scrollTabIntoView(el: string | HTMLElement, wait: boolean) {
   function scrollTab() {
-    const element =
-      typeof el === 'string' ? document.querySelector(`[id^="wikitab-v0-${el}"]`) : el;
+    const element = typeof el === 'string' ? document.querySelector(`[id^="wikitab-${el}"]`) : el;
     if (!element) return;
 
     element.scrollIntoView({
@@ -53,7 +52,7 @@ export function scrollTabIntoView(el: string | HTMLElement, wait: boolean) {
 }
 
 export function isElementInViewport(el: string | HTMLElement) {
-  const element = typeof el === 'string' ? document.querySelector(`[id^="wikitab-v0-${el}"]`) : el;
+  const element = typeof el === 'string' ? document.querySelector(`[id^="wikitab-${el}"]`) : el;
   if (!element) return;
 
   const rect = element.getBoundingClientRect();

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -73,7 +73,7 @@
 
   <!-- svelte-ignore a11y-no-static-element-interactions a11y-click-events-have-key-events -->
   <div
-    id={`wikitab-v0-special-search`}
+    id={`wikitab-special-search`}
     class="
 overflow-y-auto
 overflow-x-hidden