fix alignment and reduction of breadcrumbs in content bar, fixes #4503

Closes #4503

Merge request studip/studip!3292

resources/assets/stylesheets/scss/contentbar.scss

@@ -16,10 +16,9 @@
 
     .contentbar-wrapper-left {
         display: flex;
-        flex: auto;
+        max-width: calc(100% - 130px);
 
         .contentbar-breadcrumb {
-            display: flex;
             font-size: 1.25em;
             line-height: 1.5em;
             margin-right: 1em;

templates/contentbar/contentbar.php

@@ -13,11 +13,11 @@
         <nav class="contentbar-nav"></nav>
         <div class="contentbar-wrapper-left">
             <nav class="contentbar-breadcrumb">
-            <? if (!$toc->isActive()) : ?>
+            <? if ($toc->isActive()): ?>
+                <?= $icon->asImg(24, ['class' => 'text-bottom contentbar-icon']) ?>
+            <? else: ?>
                 <a href="<?= $toc->getUrl() ?>" title="<?= htmlReady($toc->getTitle()) ?>" class="contentbar-icon">
-            <? endif ?>
                     <?= $icon->asImg(24, ['class' => 'text-bottom']) ?>
-            <? if (!$toc->isActive()) : ?>
                 </a>
             <? endif ?>
                 <?= $breadcrumbs->render() ?>

templates/toc/_toc-item-breadcrumb.php

 <? if (!$item->isRoot()) : ?>
     <?= $this->render_partial('toc/_toc-item-breadcrumb', ['item' => $item->getParent()]) ?>
 <? endif ?>
-<li>
+<li class="contentbar-breadcrumb-item <? if ($item->isActive()) echo 'contentbar-breadcrumb-item-current'; ?>">
     <? if (!$item->isActive()) : ?>
         <a class="navigate" href="<?= htmlReady($item->getURL()) ?>">
     <? endif ?>