Fix bugs in headers

elixir-lang · Jul 7, 2023 · 11dda90 · 11dda90
1 parent 2ffaa81
commit 11dda90
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 28 deletions.
diff --git a/assets/css/content/general.css b/assets/css/content/general.css
@@ -140,7 +140,7 @@
 .content-inner .section-heading i {
   font-size: 16px;
   margin-top: .1em;
-  margin-left: -24px;
+  margin-left: -21px;
   opacity: 0;
 }
 
@@ -153,14 +153,9 @@ blockquote .section-heading i {
 }
 
 @media screen and (max-width: 768px) {
-  .content-inner .section-heading a {
-    justify-content: space-between;
-  }
-
   .content-inner .section-heading i {
-    order: 1;
-    margin-left: 24px;
-    padding-right: 0;
+    margin-left: -16px;
+    margin-right: -5px;
   }
 }
 

diff --git a/formatters/html/dist/html-elixir-QURHOVA7.css b/formatters/html/dist/html-elixir-QURHOVA7.css
diff --git a/formatters/html/dist/html-erlang-47VX4P4G.css b/formatters/html/dist/html-erlang-47VX4P4G.css
diff --git a/lib/ex_doc/formatter/epub/templates/module_template.eex b/lib/ex_doc/formatter/epub/templates/module_template.eex
@@ -20,9 +20,8 @@
         <h1 class="section-heading">
           <a class="hover-link" href="#summary">
             <i class="ri-link-m" aria-hidden="true"></i>
-            <span class="sr-only">Anchor for this section</span>
+            Summary
           </a>
-          Summary
         </h1>
         <%= for {name, nodes} <- summary, do: H.summary_template(name, nodes) %>
       </section>
@@ -33,9 +32,8 @@
         <h1 class="section-heading">
           <a class="hover-link" href="#<%= key %>">
             <i class="ri-link-m" aria-hidden="true"></i>
-            <span class="sr-only">Anchor for this section</span>
+            <%= name %>
           </a>
-          <%= name %>
         </h1>
         <div class="<%= key %>-list">
           <%= for node <- nodes, do: H.detail_template(node, module) %>

diff --git a/lib/ex_doc/formatter/html/templates/module_template.eex b/lib/ex_doc/formatter/html/templates/module_template.eex
@@ -33,9 +33,8 @@
     <h1 class="section-heading">
       <a class="hover-link" href="#summary">
         <i class="ri-link-m" aria-hidden="true"></i>
-        <span class="sr-only">Link to this section</span>
+        Summary
       </a>
-      Summary
     </h1>
     <%= for {name, nodes} <- summary, do: summary_template(name, nodes) %>
   </section>
@@ -46,9 +45,8 @@
     <h1 class="section-heading">
       <a class="hover-link" href="#<%= key %>">
         <i class="ri-link-m" aria-hidden="true"></i>
-        <span class="sr-only">Link to this section</span>
+        <%= name %>
       </a>
-      <%= name %>
     </h1>
     <div class="<%= key %>-list">
       <%= for node <- nodes, do: detail_template(node, module) %>