sticky sidepanel

The ease navigation make the sidepanel sticky so it is always shown.
jenkinsci · Aug 10, 2023 · 11ffa49 · 11ffa49
1 parent aaa174f
commit 11ffa49
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/...resources/com/michelin/cio/hudson/plugins/rolestrategy/RoleStrategyConfig/sidepanel.jelly b/...resources/com/michelin/cio/hudson/plugins/rolestrategy/RoleStrategyConfig/sidepanel.jelly
@@ -23,6 +23,7 @@
   -->
 <?jelly escape-by-default='true'?>
 <j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:d="jelly:define" xmlns:l="/lib/layout" xmlns:t="/lib/hudson" xmlns:f="/lib/form" xmlns:i="jelly:fmt">
+    <script type="text/javascript" src="${rootURL}/plugin/role-strategy/js/sticky-sidepanel.js"/>
     <l:side-panel>
         <l:tasks>
             <l:task href="${rootURL}/manage/role-strategy/" icon="symbol-finger-print-outline plugin-ionicons-api" title="${%Manage Roles}"/>

diff --git a/src/main/webapp/js/sticky-sidepanel.js b/src/main/webapp/js/sticky-sidepanel.js
@@ -0,0 +1,4 @@
+window.addEventListener("load", function () {
+  const sidebar = document.querySelector("#side-panel");
+  sidebar.classList.add("app-page-body__sidebar--sticky");
+});