X-Git-Url: https://git.openstreetmap.org./nominatim-ui.git/blobdiff_plain/90f2f8630fb1f10fdf7efd7d3dece86517cb2e7c..71b9066d9eed97aee7eff27a25d5c317b6f89595:/src/components/Header.svelte?ds=sidebyside

diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index 9178267..06f3bd4 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -4,6 +4,7 @@
   import LastUpdated from './LastUpdated.svelte';
 
   import { page } from '../lib/stores.js';
+  import { get_config_value } from '../lib/config_reader.js';
 
   $: view = $page.tab;
 </script>
@@ -29,10 +30,6 @@
     white-space: nowrap;
   }
 
-  .dropdown-menu { /* need to be above map markers */
-    z-index: 1005;
-  }
-
   .page-title-section {
     display: none;
     text-align: center;
@@ -54,16 +51,19 @@
 
 <header class="container-fluid">
   <nav class="navbar navbar-expand-sm navbar-light">
+    <!-- Brand -->
     <div class="navbar-brand">
       <PageLink page="search">
-        <img alt="logo" src="images/osm_logo.120px.png" width="30" height="30"/>
-        <h1>Nominatim</h1>
+        <img alt="logo" id="theme-logo" src="theme/logo.png" />
+        <h1>{get_config_value('Page_Title')}</h1>
       </PageLink>
     </div>
+    <!-- Toggler (hamburger button) -->
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <!-- Left-aligned links -->
       <ul class="navbar-nav mr-auto">
         <li class="nav-item {view === 'search' ? 'active' : ''}">
           <PageLink page="search" extra_classes="nav-link ">Search</PageLink>
@@ -75,23 +75,13 @@
           <PageLink page="details" extra_classes="nav-link ">Search By ID</PageLink>
         </li>
       </ul>
-      <ul class="navbar-nav">
-        <li class="nav-item dropdown">
-          <a class="nav-link dropdown-toggle" href="#open-about-dropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-            About &amp; Help
-          </a>
-          <div class="dropdown-menu dropdown-menu-right">
-            <a class="dropdown-item" href="https://nominatim.org/release-docs/develop/api/Overview/" target="_blank">API Reference</a>
-            <a class="dropdown-item" href="https://nominatim.org/release-docs/develop/api/Faq/" target="_blank">FAQ</a>
-            <a class="dropdown-item" href="https://help.openstreetmap.org/tags/nominatim/">OpenStreetMap Help</a>
-            <a class="dropdown-item" href="https://github.com/osm-search/Nominatim">Nominatim on Github</a>
-            <a class="dropdown-item" href="https://github.com/osm-search/nominatim-ui">This frontend on Github</a>
-            <div class="dropdown-divider"></div>
-            <a class="dropdown-item" href="#report-issue" data-toggle="modal" data-target="#report-modal">Report problem with results</a>
-          </div>
-        </li>
-      </ul>
     </div>
+    <!-- Right aligned links -->
+    <ul class="navbar-nav">
+      <li class="nav-item {view === 'about' ? 'active' : ''}">
+        <PageLink page="about" extra_classes="nav-link ">About & Help</PageLink>
+      </li>
+    </ul>
   </nav>
 </header>
 <section class="page-title-section">