Eng #6686: Make the container header clickable to return to the container's home (#6732)

Co-authored-by: Lucas Bartholemy <luke-@users.noreply.github.com>

CHANGELOG-DEV.md

@@ -27,6 +27,7 @@ HumHub Changelog
 - Enh #6667: Allow view file when owner object provides this
 - Enh #6671: Remove interface `ReadableInterface`
 - Enh #5751: Allow user blocking from profile page
+- Eng #6686: Make the container header clickable to return to the container's home
 - Enh #6609: Monthly email summary
 - Fix #6721: Top menu entries for spaces are not highlighted when clicked
 - Fix #6725: Allow theme without second topbar menu

protected/humhub/modules/content/widgets/views/containerProfileHeader.php

@@ -24,6 +24,7 @@
 
 use humhub\modules\content\assets\ContainerHeaderAsset;
 use humhub\modules\file\widgets\Upload;
+use humhub\widgets\Button;
 use yii\helpers\Html;
 
 ContainerHeaderAsset::register($this);
@@ -47,11 +48,13 @@ $profileImageHeight = $container->getProfileImage()->height();
         <?= $container->getProfileBannerImage()->render('width:100%', ['class' => 'img-profile-header-background']) ?>
 
         <!-- show user name and title -->
+
         <div class="img-profile-data">
-            <h1 class="<?= $classPrefix ?>"><?= Html::encode($title) ?></h1>
+            <h1 class="<?= $classPrefix ?>"><?= Button::asLink(Html::encode($title))->link($container->getUrl()) ?></h1>
             <h2 class="<?= $classPrefix ?>"><?= Html::encode($subTitle) ?></h2>
         </div>
 
+
         <?php if ($canEdit) : ?>
             <div class="image-upload-loader" style="padding:<?= $bannerProgressBarPadding ?>">
                 <?= $bannerUpload->progress() ?>

static/less/panel.less

@@ -157,17 +157,19 @@
             border-bottom-right-radius: 3px;
             border-bottom-left-radius: 3px;
             color: #fff;
-            pointer-events: none;
             background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
 
             h1 {
-                font-size: 30px;
-                font-weight: 100;
                 margin-bottom: 7px;
-                color: #fff;
                 max-width: 600px;
                 white-space: nowrap;
                 text-overflow: ellipsis;
+
+                a {
+                    font-size: 30px;
+                    font-weight: 100;
+                    color: #fff;
+                }
             }
 
             h2 {
@@ -177,8 +179,9 @@
             }
 
             h1.space {
-                font-size: 30px;
-                font-weight: 700;
+                a {
+                    font-weight: 700;
+                }
             }
 
             h2.space {