groove/Part-DB-server
1
0
Fork 0
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2026-02-03 16:09:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Made part table action bar sticky floating

Browse source 
Related to PR #997
This commit is contained in:
Jan Böhmer 2025-09-07 21:51:58 +02:00
parent ecd2abe00e
commit e81c8470be
3 changed files with 15 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/controllers/elements/datatables/parts_controller.js
View file

@ -45,8 +45,10 @@ export default class extends DatatablesController {
//Hide/Unhide panel with the selection tools
if (count > 0) {
selectPanel.classList.remove('d-none');
selectPanel.classList.add('sticky-select-bar');
} else {
selectPanel.classList.add('d-none');
selectPanel.classList.remove('sticky-select-bar');
}
//Update selection count text

12
assets/css/app/tables.css
View file

@ -17,6 +17,16 @@
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
/****************************************
* Action bar
****************************************/
.sticky-select-bar {
position: sticky;
top: 120px;
z-index: 3000; /* Ensure the bar is above other content */
}
/****************************************
* Tables
****************************************/
@ -109,4 +119,4 @@ Classes for Datatables export
#export-messageTop,
.export-helper{
display: none;
}
}