fix oqtane#4606 - allow logo to show site name as fallback (credit @J…

…anOlsmar)
sbwalker · Sep 13, 2024 · 1c1c269 · 1c1c269 · JanOlsmar · Sep 14, 2024
1 parent d954e3f
commit 1c1c269
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 3 deletions.
diff --git 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
@@ -8,4 +8,19 @@
             <img class="img-fluid" src="@Utilities.FileUrl(PageState.Alias, PageState.Site.LogoFileId.Value)" alt="@PageState.Site.Name" />       
         </a>
     </span>
-} 
+}
+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
@@ -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
@@ -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;
 }