Fix lighthouse remarks: icon sizes, noopener

assets/_main.scss

@@ -170,6 +170,11 @@ ul.pagination {
   label {
     line-height: 0;
   }
+
+  img.book-icon {
+    height: 1.5em;
+    width: 1.5em;
+  }
 }
 
 .book-search {
@@ -226,6 +231,7 @@ ul.pagination {
 
   img {
     height: 1em;
+    width: 1em;
   }
 
   nav > ul > li:first-child {
@@ -239,6 +245,7 @@ ul.pagination {
 
   img {
     height: 1em;
+    width: 1em;
     margin-inline-end: $padding-8;
   }
 }

exampleSite/resources/_gen/assets/scss/book.scss_50fc8c04e12a2f59027287995557ceff.json

@@ -1 +1 @@
-{"Target":"book.min.9e217e8fd1922c0fc0926a9b07763aa75679e57e0b01deab420c944511684929.css","MediaType":"text/css","Data":{"Integrity":"sha256-niF+j9GSLA/AkmqbB3Y6p1Z55X4LAd6rQgyURRFoSSk="}}
+{"Target":"book.min.3e90539cf7130f0a89ba2f8b9f54ac5e5ecdd1fa345b6c8e3e5a83ec6f19ec8e.css","MediaType":"text/css","Data":{"Integrity":"sha256-PpBTnPcTDwqJui+Ln1SsXl7N0fo0W2yOPlqD7G8Z7I4="}}

layouts/partials/docs/menu-filetree.html

@@ -31,7 +31,7 @@
   {{ if .Page.Params.bookCollapseSection }}
     <input type="checkbox" id="section-{{ md5 .Page }}" class="toggle" {{ if or $current $ancestor }}checked{{ end }} />
     <label for="section-{{ md5 .Page }}" class="flex justify-between">
-      <a {{ if .Page.Content }}href="{{ .Page.Permalink }}"{{ end }} class="{{ if $current }}active{{ end }}">
+      <a {{ if .Page.Content }}href="{{ .Page.Permalink }}"{{ else }}role="button"{{ end }} class="{{ if $current }}active{{ end }}">
         {{- partial "docs/title" .Page -}}
       </a>
     </label>

layouts/shortcodes/button.html

@@ -7,6 +7,6 @@
 {{ with .Get "relref" }}
   {{ $ref = relref $ . }}
 {{ end }}
-<a {{ with $ref }} href="{{.}}" {{ end }} {{ with $target }} target="{{.}}" {{ end }} class="book-btn{{ with .Get "class" }} {{ . }}{{ end }}">
+<a {{ with $ref }} href="{{.}}" {{ end }} {{ with $target }} target="{{.}}" rel="noopener" {{ end }} class="book-btn{{ with .Get "class" }} {{ . }}{{ end }}">
   {{ $.Inner | markdownify }}
 </a>