Adjust breadcrumb style

ruby · Jan 23, 2025 · 541d53e · 541d53e
1 parent f54449d
commit 541d53e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 20 deletions.
diff --git a/lib/rdoc/generator/template/darkfish/class.rhtml b/lib/rdoc/generator/template/darkfish/class.rhtml
@@ -17,8 +17,8 @@
   <%= render '_footer.rhtml' %>
 </nav>
 
-<nav role="navigation" aria-label="breadcrumb" class="breadcrumb">
-  <ol>
+<main role="main" aria-labelledby="<%=h klass.aref %>">
+  <ol role="navigation" aria-label="breadcrumb" class="breadcrumb">
     <% breadcrumb.each do |namespace| %>
     <li>
       <% if namespace[:self] %>
@@ -29,9 +29,7 @@
     </li>
     <% end %>
   </ol>
-</nav>
 
-<main role="main" aria-labelledby="<%=h klass.aref %>">
   <h1 id="<%=h klass.aref %>" class="anchor-link <%= klass.type %>">
     <%= klass.type %> <%= klass.full_name %>
   </h1>

diff --git a/lib/rdoc/generator/template/darkfish/css/rdoc.css b/lib/rdoc/generator/template/darkfish/css/rdoc.css
@@ -199,25 +199,16 @@ nav h3,
   font-size: 1em;
 }
 
-nav.breadcrumb {
-  display: block;
-  float: unset;
-  width: unset;
-  height: unset;
-  border: none;
-  position: unset;
-  top: unset;
-  padding-top: 10px;
-  padding-left: 20px;
-  margin-bottom: 1em;
-}
+ol.breadcrumb {
+  display: flex;
 
-nav.breadcrumb ol {
-  display: inline-block;
+  padding: 0;
+  margin: 0 0 1em;
 }
 
-nav.breadcrumb li {
-  display: inline-block;
+ol.breadcrumb li {
+  display: block;
+  list-style: none;
   font-size: 125%;
 }