fix

Author: kerwin612

templates/projects/view.tmpl

@@ -19,7 +19,7 @@
 		</div>
 		{{if $canWriteProject}}
 			<div class="ui compact mini menu">
-				<a class="item screen-full" data-fullscreen-elements-selector=".projects-view">
+				<a class="item screen-full">
 					{{svg "octicon-screen-full"}}
 					{{ctx.Locale.Tr "projects.enter_fullscreen"}}
 				</a>

web_src/js/features/repo-projects.ts

@@ -145,12 +145,10 @@ function initRepoProjectToggleFullScreen(): void {
   const exitFullscreenBtn = document.querySelector('.screen-normal');
   if (!enterFullscreenBtn || !exitFullscreenBtn) return;
 
-  const fullscreenElementsSelector = enterFullscreenBtn.getAttribute('data-fullscreen-elements-selector');
-
   const toggleFullscreenState = (isFullScreen: boolean) => {
-    toggleFullScreen(fullscreenElementsSelector, isFullScreen);
-    toggleElem(enterFullscreenBtn);
-    toggleElem(exitFullscreenBtn);
+    toggleFullScreen('.projects-view', isFullScreen);
+    toggleElem(enterFullscreenBtn, !isFullScreen);
+    toggleElem(exitFullscreenBtn, isFullScreen);
   };
 
   enterFullscreenBtn.addEventListener('click', () => toggleFullscreenState(true));

web_src/js/utils.ts

@@ -192,12 +192,12 @@ export function toggleFullScreen(fullscreenElementsSelector: string, isFullScree
 
   const sourceParentEl = sourceParentSelector ? document.querySelector(sourceParentSelector) : contentEl;
 
-  const fullScreenEls = document.querySelectorAll(fullscreenElementsSelector);
+  const fullScreenEl = document.querySelector(fullscreenElementsSelector);
   const outerEl = document.querySelector('.full.height');
   toggleClass(fullscreenElementsSelector, 'fullscreen', isFullScreen);
   if (isFullScreen) {
-    for (const e of fullScreenEls) outerEl.append(e);
+    outerEl.append(fullScreenEl);
   } else {
-    for (const e of fullScreenEls) sourceParentEl.append(e);
+    sourceParentEl.append(fullScreenEl);
   }
 }