Disable text wrapping while measuring header width

diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index af67244bcb706604ed139f4758bb3bef504970b3..0bfff869ebcc87186c1aec12c4a0ff75949a923f 100644 (file)
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -103,6 +103,8 @@ $(document).ready(function () {
 
     $("body").removeClass("compact-nav");
 
+    $("header").removeClass("text-nowrap");
+
     updateHeader();
 
     $(window).resize(updateHeader);

diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index e272834be5fa6ecb1ac4a559262c17e6018d4ca0..55f37782da4fa8ce6ec8aa9c7b4572b45ae7aa5c 100644 (file)
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -1,4 +1,4 @@
-<header class="d-flex closed">
+<header class="d-flex text-nowrap closed">
   <h1 class="m-0 fw-semibold">
     <a href="<%= root_path %>" class="text-black text-decoration-none geolink">
       <%= image_tag "osm_logo.png", :srcset => image_path("osm_logo.svg"), :alt => t("layouts.logo.alt_text"), :width => 30, :height => 30, :class => "logo" %>