Merge pull request #445 from DimK10/Feature-request-pdf-reader

Adds navbar logo to pdf viewer

src/main/resources/static/pdfjs/css/viewer.css

@@ -2352,14 +2352,14 @@ body {
 .secondaryToolbar,
 .editorParamsToolbar {
   position: relative;
-  height: 32px;
+  height: 35px;
   background-color: var(--toolbar-bg-color);
   box-shadow: var(--toolbar-box-shadow);
   border-bottom: var(--toolbar-border-bottom);
 }
 
 #toolbarViewer {
-  height: 32px;
+  height: 35px;
 }
 
 #loadingBar {

src/main/resources/templates/view-pdf.html

@@ -27,6 +27,12 @@
     <meta name="google" content="notranslate">
     <title>PDF.js viewer</title>
 
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+          integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
+            integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
+            crossorigin="anonymous"></script>
+
     <!-- This snippet is used in production (included from view-pdf.html) -->
     <link rel="resource" type="application/l10n" href="/pdfjs/locale/locale.properties">
     <script src="/pdfjs/pdf.js"></script>
@@ -336,6 +342,14 @@
                                tabindex="15"
                                data-l10n-id="page" autocomplete="off">
                         <span id="numPages" class="toolbarLabel"></span>
+                        <a class="navbar-brand mt-1 hiddenLargeView" href="/">
+                            <img class="main-icon" src="favicon.svg" alt="icon" style="max-height: 1.8rem;">
+                            <span class="icon-text mt-1" style="color: #ffffff;">Stirling PDF</span>
+                        </a>
+                        <a class="navbar-brand mt-1 visibleLargeView" href="/">
+                            <img class="main-icon" src="favicon.svg" alt="icon" style="max-height: 1.8rem;">
+                        </a>
+
                     </div>
                     <div id="toolbarViewerRight">