Fixed sizing of icons and images in nav and header

material/assets/manifest.json

@@ -1,8 +1,8 @@
 {
-  "assets/javascripts/bundle.js": "assets/javascripts/bundle.95400cd1.min.js",
+  "assets/javascripts/bundle.js": "assets/javascripts/bundle.af710b79.min.js",
-  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.95400cd1.min.js.map",
+  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.af710b79.min.js.map",
   "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.926ffd9e.min.js",
   "assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.926ffd9e.min.js.map",
   "assets/stylesheets/app-palette.scss": "assets/stylesheets/app-palette.8adb38b9.min.css",
-  "assets/stylesheets/app.scss": "assets/stylesheets/app.d99d5cd5.min.css"
+  "assets/stylesheets/app.scss": "assets/stylesheets/app.d1c09be7.min.css"
 }

material/base.html

@@ -43,7 +43,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/app.d99d5cd5.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/app.d1c09be7.min.css' | url }}">
       {% if palette.primary or palette.accent %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/app-palette.8adb38b9.min.css' | url }}">
       {% endif %}
@@ -195,7 +195,7 @@
       {% endblock %}
     </div>
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.95400cd1.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.af710b79.min.js' | url }}"></script>
       {%- set translations = {} -%}
       {%- for key in [
         "clipboard.copy",

material/partials/header.html

@@ -7,7 +7,7 @@
       {% if config.theme.logo.icon %}
         {% include ".icons/" ~ config.theme.logo.icon ~ ".svg" %}
       {% else %}
-        <img src="{{ config.theme.logo | url }}" width="24" height="24" alt="logo">
+        <img src="{{ config.theme.logo | url }}" alt="logo">
       {% endif %}
     </a>
     <label class="md-header-nav__button md-icon md-icon__button" for="__drawer">

material/partials/nav.html

@@ -7,7 +7,7 @@
       {% if config.theme.logo.icon %}
         {% include ".icons/" ~ config.theme.logo.icon ~ ".svg" %}
       {% else %}
-        <img src="{{ config.theme.logo | url }}" width="48" height="48" alt="logo">
+        <img src="{{ config.theme.logo | url }}" alt="logo">
       {% endif %}
     </a>
     {{ config.site_name }}

src/assets/javascripts/observables/agent/viewport/_/index.ts

@@ -21,7 +21,11 @@
  */
 
 import { Observable, combineLatest } from "rxjs"
-import { distinctUntilKeyChanged, map, shareReplay } from "rxjs/operators"
+import {
+  distinctUntilKeyChanged,
+  map,
+  shareReplay
+} from "rxjs/operators"
 
 import { Header } from "../../../header"
 import {

src/assets/javascripts/workers/search/_/index.ts

@@ -20,7 +20,7 @@
  * IN THE SOFTWARE.
  */
 
-import { Subject, from } from "rxjs"
+import { Subject, Subscriber, from, fromEvent } from "rxjs"
 import { ajax } from "rxjs/ajax"
 import { map, pluck, shareReplay } from "rxjs/operators"
 

src/assets/stylesheets/layout/_header.scss

@@ -95,13 +95,10 @@
       margin: px2rem(4px);
       padding: px2rem(8px);
 
-      // Set correct display on image or icon
+      // Image or icon
-      * {
+      img,
-        display: block;
-      }
-
-      // Inherit current color
       svg {
+        display: block;
         width: px2rem(24px);
         height: px2rem(24px);
         fill: currentColor;

src/assets/stylesheets/layout/_nav.scss

@@ -49,7 +49,15 @@
 
       // Logo
       &.md-logo svg {
-        fill: currentColor;
+
+        // Image or icon
+        img,
+        svg {
+          display: block;
+          width: px2rem(24px);
+          height: px2rem(24px);
+          fill: currentColor;
+        }
       }
     }
   }

src/partials/header.html

@@ -36,12 +36,7 @@
       {% if config.theme.logo.icon %}
         {% include ".icons/" ~ config.theme.logo.icon ~ ".svg" %}
       {% else %}
-        <img
+        <img src="{{ config.theme.logo | url }}" alt="logo" />
-          src="{{ config.theme.logo | url }}"
-          width="24"
-          height="24"
-          alt="logo"
-        />
       {% endif %}
     </a>
     <label

src/partials/nav.html

@@ -34,12 +34,7 @@
       {% if config.theme.logo.icon %}
         {% include ".icons/" ~ config.theme.logo.icon ~ ".svg" %}
       {% else %}
-        <img
+        <img src="{{ config.theme.logo | url }}" alt="logo" />
-          src="{{ config.theme.logo | url }}"
-          width="48"
-          height="48"
-          alt="logo"
-        />
       {% endif %}
     </a>
     {{ config.site_name }}

typings/dom.d.ts

@@ -1,25 +0,0 @@
-/*
- * Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to
- * deal in the Software without restriction, including without limitation the
- * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
- * sell copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-interface CSSStyleDeclaration {
-  webkitOverflowScrolling: "touch" | ""
-}