From e379233de93b29de530131f855ad0a7189f3e616 Mon Sep 17 00:00:00 2001 From: Jan-Hendrik Willms <tleilax+studip@gmail.com> Date: Fri, 6 Sep 2024 11:22:44 +0000 Subject: [PATCH] fix layout of content bar, fixes #4569 Closes #4569 Merge request studip/studip!3381 --- resources/assets/stylesheets/scss/contentbar.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/resources/assets/stylesheets/scss/contentbar.scss b/resources/assets/stylesheets/scss/contentbar.scss index 01e586ffe56..ce1e313325e 100644 --- a/resources/assets/stylesheets/scss/contentbar.scss +++ b/resources/assets/stylesheets/scss/contentbar.scss @@ -4,6 +4,7 @@ display: flex; flex-wrap: nowrap; height: auto; + align-items: center; justify-content: flex-start; margin-bottom: 15px; min-height: 30px; @@ -17,6 +18,7 @@ .contentbar-wrapper-left { display: flex; max-width: calc(100% - 130px); + flex: 1; .contentbar-breadcrumb { font-size: 1.25em; @@ -25,16 +27,16 @@ min-width: 0; .contentbar-icon { - flex: 0; height: 24px; margin-top: 2px; width: 24px; } ul { - display: flex; + display: inline-flex; list-style: none; margin-left: 15px; + max-width: 100%; padding-left: 0; li+li:before { @@ -71,6 +73,7 @@ .contentbar-wrapper-right { align-items: center; display: flex; + flex: 1; justify-content: flex-end; position: relative; -- GitLab