Add header logo from site.banner (ref #24) (#41)

* Add header logo from site.banner (ref #24) * Drop inline css Why: is not a nice handling and makes problems with csp * revert submodule change Co-authored-by: Tealk <tealk@rollenspiel.monster>
LemmyNet · Nov 2, 2022 · 68b9f76 · 68b9f76
1 parent c23f103
commit 68b9f76
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/assets/styles/prosilver/colours.css b/assets/styles/prosilver/colours.css
@@ -173,7 +173,7 @@ ul.zebra-list li:nth-child(even) {
   background-color: #e7e8ea;
 }
 
-.site_logo {
+.site_logo:not(.custome) {
   background-image: url("./images/site_logo.svg");
 }
 

diff --git a/assets/styles/prosilver/common.css b/assets/styles/prosilver/common.css
@@ -185,7 +185,8 @@ a:hover {
   text-decoration: none;
 }
 
-.site_logo {
+.site_logo,
+.site_logo img {
   background-repeat: no-repeat;
   display: inline-block;
   width: 149px;

diff --git a/templates/components/header.html.hbs b/templates/components/header.html.hbs
@@ -30,7 +30,13 @@
             <div class="inner">
                 <div id="site-description" class="site-description">
                     <a id="logo" class="logo" href="./" title="Board index">
-                        <span class="site_logo"></span>
+                        {{#if site_data.site.site_view.site.banner}}
+                            <span class="site_logo custome">
+                                <img src="{{site_data.site.site_view.site.banner}}" />
+                            </span>
+                        {{else}}
+                            <span class="site_logo"></span>
+                        {{/if}}
                     </a>
                     {{#if site_data.site.site_view.site.name }}
                         <h1>{{ site_data.site.site_view.site.name }}</h1>