fix

Author: wxiaoguang

templates/projects/view.tmpl

@@ -1,8 +1,8 @@
 {{$canWriteProject := and .CanWriteProjects (or (not .Repository) (not .Repository.IsArchived))}}
 
 <div class="ui container fluid padded projects-view">
-	<div class="ui container flex-text-block tw-flex-wrap tw-mb-4 project-header">
-		<h2 class="tw-mb-0">{{.Project.Title}}</h2>
+	<div class="ui container flex-text-block project-header">
+		<h2>{{.Project.Title}}</h2>
 		<div class="tw-flex-1"></div>
 		<div class="ui secondary menu tw-m-0">
 			{{$queryLink := QueryBuild "?" "labels" .SelectLabels "assignee" $.AssigneeID "archived_labels" (Iif $.ShowArchivedLabels "true")}}

web_src/css/features/projects.css

@@ -8,6 +8,16 @@
   max-height: calc(100vh - 120px);
 }
 
+.project-header {
+  padding: 0.5em 0;
+  overflow-x: auto; /* in fullscreen mode, the position is fixed, so we can't use "flex wrap" which would change the height */
+}
+
+.project-header h2 {
+  white-space: nowrap;
+  margin: 0;
+}
+
 .project-column {
   flex: 0 0 auto;
   display: flex;
@@ -97,8 +107,7 @@
   top: 0;
   left: 0;
   right: 0;
-  margin: 0 !important;
-  padding: .25rem;
+  padding: 0.5em;
   width: 100%;
   max-width: 100%;
   background-color: var(--color-body);

web_src/css/modules/menu.css

@@ -1,5 +1,6 @@
 .ui.menu {
   display: flex;
+  flex-shrink: 0;
   margin: 1rem 0;
   font-family: var(--fonts-regular);
   font-weight: var(--font-weight-normal);
@@ -643,6 +644,7 @@
   display: inline-flex;
   margin: 0;
   vertical-align: middle;
+  flex-shrink: 0;
 }
 .ui.compact.vertical.menu {
   display: inline-block;