fix

Author: wxiaoguang

templates/org/projects/view.tmpl

@@ -8,8 +8,6 @@
 			{{template "user/overview/header" .}}
 		</div>
 	{{end}}
-	<div class="ui container fluid padded org-projects-view">
-		{{template "projects/view" dict "." . "FullscreenElementsSelector" ".org-projects-view"}}
-	</div>
+	{{template "projects/view" .}}
 </div>
 {{template "base/footer" .}}

templates/projects/view.tmpl

@@ -1,6 +1,6 @@
 {{$canWriteProject := and .CanWriteProjects (or (not .Repository) (not .Repository.IsArchived))}}
 
-<div class="ui container tw-max-w-full">
+<div class="ui container fluid padded">
 	<div class="flex-text-block tw-flex-wrap tw-mb-4">
 		<h2 class="tw-mb-0">{{.Project.Title}}</h2>
 		<div class="tw-flex-1"></div>
@@ -67,10 +67,8 @@
 	<div class="content">{{$.Project.RenderedContent}}</div>
 
 	<div class="divider"></div>
-</div>
 
-<div id="project-board" data-project-borad-writable="{{$canWriteProject}}">
-	<div class="board {{if $canWriteProject}}sortable{{end}}" {{if $canWriteProject}}data-url="{{$.Link}}/move"{{end}}>
+	<div id="project-board" class="board {{if $canWriteProject}}sortable{{end}}" data-project-borad-writable="{{$canWriteProject}}" {{if $canWriteProject}}data-url="{{$.Link}}/move"{{end}}>
 		{{range .Columns}}
 			<div class="project-column" {{if .Color}}style="background: {{.Color}} !important; color: {{ContrastColor .Color}} !important"{{end}} data-id="{{.ID}}" data-sorting="{{.Sorting}}" data-url="{{$.Link}}/{{.ID}}">
 				<div class="project-column-header{{if $canWriteProject}} tw-cursor-grab{{end}}">

templates/repo/projects/view.tmpl

@@ -8,9 +8,7 @@
 			<a class="ui small primary button" href="{{.RepoLink}}/issues/new/choose?project={{.Project.ID}}">{{ctx.Locale.Tr "repo.issues.new"}}</a>
 		</div>
 	</div>
-	<div class="ui container fluid padded repo-projects-view">
-		{{template "projects/view" dict "." . "FullscreenElementsSelector" ".repo-projects-view"}}
-	</div>
+	{{template "projects/view" .}}
 </div>
 
 {{template "base/footer" .}}

web_src/js/features/repo-projects.ts

@@ -36,7 +36,7 @@ async function moveIssue({item, from, to, oldIndex}: SortableEvent): Promise<voi
 
 async function initRepoProjectSortable(): Promise<void> {
   // the HTML layout is: #project-board > .board > .project-column .cards > .issue-card
-  const mainBoard = document.querySelector('#project-board > .board.sortable');
+  const mainBoard = document.querySelector('#project-board');
   let boardColumns = mainBoard.querySelectorAll<HTMLElement>('.project-column');
   createSortable(mainBoard, {
     group: 'project-column',