From f539388db10d21e4e31d67cf2e1e1d3d6aba0df6 Mon Sep 17 00:00:00 2001
From: lovasoa <pere.jobs@gmail.com>
Date: Thu, 19 Oct 2023 01:04:53 +0200
Subject: [PATCH] Fix display of long titles in the shell component.

---
 CHANGELOG.md                       | 4 ++++
 Cargo.lock                         | 2 +-
 Cargo.toml                         | 2 +-
 sqlpage/templates/shell.handlebars | 4 ++--
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3bb2688a..3f23f970 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG.md
 
+## unreleased
+
+ - Fix display of long titles in the shell component.
+
 ## 0.14.0 (2023-10-19)
 
  - Better support for time series in the [chart](https://sql.ophir.dev/documentation.sql?component=chart#component) component. You can now use the `time` top-attribute to display a time series chart
diff --git a/Cargo.lock b/Cargo.lock
index e4673797..f6bcc927 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -2278,7 +2278,7 @@ dependencies = [
 
 [[package]]
 name = "sqlpage"
-version = "0.14.0"
+version = "0.15.0"
 dependencies = [
  "actix-rt",
  "actix-web",
diff --git a/Cargo.toml b/Cargo.toml
index 294d7c90..104adf57 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "sqlpage"
-version = "0.14.0"
+version = "0.15.0"
 edition = "2021"
 description = "A SQL-only web application framework. Takes .sql files and formats the query result using pre-made configurable professional-looking components."
 keywords = ["web", "sql", "framework"]
diff --git a/sqlpage/templates/shell.handlebars b/sqlpage/templates/shell.handlebars
index 1d2bdc92..c49a37e6 100644
--- a/sqlpage/templates/shell.handlebars
+++ b/sqlpage/templates/shell.handlebars
@@ -42,7 +42,7 @@
     {{#if title}}
         <nav class="navbar navbar-expand-md navbar-light">
             <div class="container-fluid">
-                <a class="navbar-brand" href="{{#if link}}{{link}}{{else}}/{{/if}}">
+                <a class="navbar-brand flex-grow-1 overflow-hidden" href="{{#if link}}{{link}}{{else}}/{{/if}}">
                     {{#if image}}
                         <img src="{{image}}" alt="{{title}}" width="32" height="32"
                              class="navbar-brand-image">
@@ -50,7 +50,7 @@
                     {{#if icon}}
                         {{~icon_img icon~}}
                     {{/if}}
-                    {{title}}
+                    <h1 class="mb-0 w-0 fs-2">{{title}}</h1>
                 </a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                         data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false"