theme: use disabled anchor for last bread crumb #84

because otherwise Hugo will not generate a relative URL for the itemprop value
McShelby · Sep 9, 2021 · 87a8687 · 87a8687
1 parent 03db2cc
commit 87a8687
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -108,19 +108,13 @@ <h1>
           {{ if $parent }}
             {{ template "breadcrumb" dict "page" $parent "depth" $depth }}
           {{end}}
+          <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">
+            <meta itemprop="position" content="{{ $depth }}" />
+            <a itemprop="item" href="{{ .page.RelPermalink }}"{{if not .depth}} aria-disabled="true"{{end}}>
+              <span itemprop="name">{{ .page.Title }}</span>
+            </a>
+          </li>
           {{ if .depth }}
-            <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">
-              <meta itemprop="position" content="{{ $depth }}" />
-              <a itemprop="item" href="{{ .page.RelPermalink }}">
-                <span itemprop="name">{{ .page.Title }}</span>
-              </a>
-            </li> > 
-          {{else}}
-            <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">
-              <meta itemprop="position" content="{{ $depth }}" />
-              <data itemprop="item" value="{{ .page.RelPermalink }}">
-                <span itemprop="name">{{ .page.Title }}</span>
-              </data>
-            </li>
+            > 
           {{end}}
         {{end}}
diff --git a/static/css/theme.css b/static/css/theme.css
@@ -1015,6 +1015,14 @@ td {
 #body #breadcrumbs .links meta {
     display: none;
 }
+#body #breadcrumbs .links li:last-of-type {
+    cursor: text;
+}
+a[aria-disabled="true"] {
+    color: inherit;
+    pointer-events: none;
+    text-decoration: none;
+}
 @media only all and (max-width: 59.938em) {
     #sidebar {
         width: 230px;