From 1c1c26948a7d56e0f2e33c0bbb0beca5326dfcf5 Mon Sep 17 00:00:00 2001
From: sbwalker <shaun.walker@siliqon.com>
Date: Fri, 13 Sep 2024 16:13:01 -0400
Subject: [PATCH] fix #4606 - allow logo to show site name as fallback (credit
 @JanOlsmar)

---
 .../Themes/BlazorTheme/Themes/Default.razor     |  2 +-
 Oqtane.Client/Themes/Controls/Theme/Logo.razor  | 17 ++++++++++++++++-
 .../Themes/OqtaneTheme/Themes/Default.razor     |  2 +-
 Oqtane.Server/wwwroot/css/app.css               |  6 ++++++
 4 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/Oqtane.Client/Themes/BlazorTheme/Themes/Default.razor b/Oqtane.Client/Themes/BlazorTheme/Themes/Default.razor
index ef853a79..a4f651f5 100644
--- a/Oqtane.Client/Themes/BlazorTheme/Themes/Default.razor
+++ b/Oqtane.Client/Themes/BlazorTheme/Themes/Default.razor
@@ -9,7 +9,7 @@
 <div class="row flex-xl-nowrap gx-0">
     <div class="sidebar">
         <nav class="navbar">
-            <Logo />
+            <Logo ShowName="true" />
             <Menu Orientation="Vertical" />
         </nav>
     </div>
diff --git a/Oqtane.Client/Themes/Controls/Theme/Logo.razor b/Oqtane.Client/Themes/Controls/Theme/Logo.razor
index 594649f1..50beea35 100644
--- a/Oqtane.Client/Themes/Controls/Theme/Logo.razor
+++ b/Oqtane.Client/Themes/Controls/Theme/Logo.razor
@@ -8,4 +8,19 @@
             <img class="img-fluid" src="@Utilities.FileUrl(PageState.Alias, PageState.Site.LogoFileId.Value)" alt="@PageState.Site.Name" />       
         </a>
     </span>
-} 
\ No newline at end of file
+}
+else
+{
+    if (ShowName)
+    {
+        <span class="app-logo">
+            <a class="site-name" href="@PageState.Alias.Path">@PageState.Site.Name</a>
+        </span>
+    }
+}
+
+@code {
+    [Parameter]
+    public bool ShowName { get; set; } = false;
+}
+
diff --git a/Oqtane.Client/Themes/OqtaneTheme/Themes/Default.razor b/Oqtane.Client/Themes/OqtaneTheme/Themes/Default.razor
index e00dd363..d56c6f78 100644
--- a/Oqtane.Client/Themes/OqtaneTheme/Themes/Default.razor
+++ b/Oqtane.Client/Themes/OqtaneTheme/Themes/Default.razor
@@ -4,7 +4,7 @@
 
 <main role="main">
     <nav class="navbar navbar-dark bg-primary fixed-top">
-        <Logo /><Menu Orientation="Horizontal" />
+        <Logo ShowName="true" /><Menu Orientation="Horizontal" />
         <div class="controls ms-auto">
             <div class="controls-group">
                 <Search CssClass="me-3 text-center bg-primary" />
diff --git a/Oqtane.Server/wwwroot/css/app.css b/Oqtane.Server/wwwroot/css/app.css
index b7143eae..e265b423 100644
--- a/Oqtane.Server/wwwroot/css/app.css
+++ b/Oqtane.Server/wwwroot/css/app.css
@@ -267,4 +267,10 @@ app {
 .text-area-editor > textarea {
     width: 100%;
     min-height: 250px;
+}
+
+.app-logo .site-name {
+    padding: 0 20px 0 20px;
+    font-size: x-large;
+    color: white;
 }
\ No newline at end of file