Merge pull request #452 from nobkd/fix-tabs

docs: fix tabs example, disable pointer on details content
nuejs · Jan 27, 2025 · 66c4f8b · 66c4f8b
2 parents 5ecb5ac + b90c6d4
commit 66c4f8b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/packages/nuejs.org/@lib/tabs.css b/packages/nuejs.org/@lib/tabs.css
@@ -6,16 +6,19 @@
   gap: 1.5em;
 
   /* tabs */
+  details {
+    border: none;
+  }
+
   summary {
-    cursor: pointer;
     font-weight: 550;
     &::marker { font-size: 0 }
     &:hover { color: var(--main-600) }
   }
 
   /* tab panes */
   div {
-    inset: 3em 0 0 1.5em;
+    inset: 5em 0 0 1.5em;
     position: absolute;
   }
 

diff --git a/packages/nuejs.org/@lib/technical-content.css b/packages/nuejs.org/@lib/technical-content.css
@@ -416,9 +416,9 @@ pre {
 details {
   font-weight: 500;
   padding: 1rem 0;
-  cursor: pointer;
-
+
   summary {
+    cursor: pointer;
     font-size: 1.1rem;
     &::marker { color: var(--main-400) }
   }

diff --git a/packages/nuejs.org/docs/content-tags.md b/packages/nuejs.org/docs/content-tags.md
@@ -559,7 +559,7 @@ The CSS below is used to style the above example, transforming the accordion int
 
   /* tab panes */
   div {
-    inset: 3em 0 0 1.5em;
+    inset: 5em 0 0 1.5em;
     position: absolute;
   }