Fix more hover css (#381)

huggingface · Jun 7, 2023 · 718a47e · 718a47e
1 parent e974868
commit 718a47e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/kit/preprocess.js b/kit/preprocess.js
@@ -511,7 +511,7 @@ function headingWithAnchorLink(code) {
 		return `<h${level} class="relative group">
 	<a 
 		id="${id}" 
-		class="header-link pr-1.5 text-lg hidden hover:block hover:absolute hover:p-1.5 hover:opacity-0 hover:group-hover:opacity-100 hover:right-full" 
+		class="header-link text-lg hidden group-hover:block absolute right-full p-1.5" 
 		href="#${id}"
 	>
 		<span><IconCopyLink/></span>

diff --git a/kit/src/lib/Docstring.svelte b/kit/src/lib/Docstring.svelte
@@ -104,7 +104,7 @@
 		{@html highlightSignature(name)}
 		<a
 			id={anchor}
-			class="header-link invisible hover:group-hover:visible pr-2"
+			class="header-link invisible group-hover:visible pr-2"
 			href="#{anchor}"
 		>
 			<IconCopyLink />
@@ -179,7 +179,7 @@
 						<span class="group flex space-x-1.5 items-start">
 							<a
 								id={anchor}
-								class="header-link pr-0.5 text-lg hidden hover:block hover:absolute hover:p-1.5 hover:opacity-0 hover:group-hover:opacity-100 hover:right-full"
+								class="header-link text-lg hidden group-hover:block absolute p-1.5 right-full"
 								href={`#${anchor}`}
 							>
 								<span><IconCopyLink classNames="text-smd" /></span>
@@ -203,7 +203,7 @@
 							<span class="group flex space-x-1.5 items-start">
 								<a
 									id={anchor}
-									class="header-link pr-0.5 text-lg hidden hover:block hover:absolute hover:p-1.5 hover:opacity-0 hover:group-hover:opacity-100 hover:right-full"
+									class="header-link text-lg hidden group-hover:block absolute p-1.5 right-full"
 									href={`#${anchor}`}
 								>
 									<span><IconCopyLink classNames="text-smd" /></span>

diff --git a/kit/src/lib/ExampleCodeBlock.svelte b/kit/src/lib/ExampleCodeBlock.svelte
@@ -30,7 +30,7 @@
 <div class="relative group rounded-md" bind:this={containerEl}>
 	<a
 		id={anchor}
-		class="header-link pr-0.5 text-lg hidden hover:block hover:absolute hover:p-1.5 hover:opacity-0 hover:group-hover:opacity-100 hover:right-full"
+		class="header-link text-lg hidden group-hover:block absolute p-1.5 right-full"
 		href={`#${anchor}`}
 	>
 		<span><IconCopyLink classNames="text-smd" /></span>