Merge remote-tracking branch 'utelecon/202310-details-css'

utelecon · Oct 23, 2023 · c142543 · c142543
2 parents 0b04008 + cae9d59
commit c142543
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 20 deletions.
diff --git a/src/components/utils/Help.astro b/src/components/utils/Help.astro
@@ -31,15 +31,3 @@ const summary = {
     <Support lang={lang} show={support} inHelp />
   </div>
 </details>
-
-<style>
-  @media not all and (max-width: 640px) {
-    details {
-      margin-inline-start: 20px;
-    }
-  }
-
-  details > div {
-    padding-inline-start: 20px;
-  }
-</style>
diff --git a/src/styles/components/details.scss b/src/styles/components/details.scss
@@ -0,0 +1,20 @@
+li > ul + details, li > ol + details {
+  @media not all and (max-width: 640px) {
+    margin-inline-start: 20px;
+  }
+  &>div.help-details-content {
+    padding-inline-start: 20px;
+  }
+}
+
+details > div {
+  padding-inline-start: 20px;
+}
+
+summary {
+  cursor: pointer;
+  color: $link-color;
+  &:hover {
+    text-decoration: underline;
+  }
+}
diff --git a/src/styles/components/summary.scss b/src/styles/components/summary.scss
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -22,7 +22,7 @@
   @import "components/link";
   @import "components/lists";
   @import "components/mfa";
-  @import "components/summary";
+  @import "components/details";
   @import "components/table";
   @import "components/top";
   @import "components/utils";