Restore stickiness of the menu bar

lost in c398821 because templates have conflicting overflow in CSS
cosmocode · Aug 14, 2023 · fd27592 · fd27592
1 parent d291c55
commit fd27592
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/script/main.js b/script/main.js
@@ -47,6 +47,20 @@ window.Prosemirror.enableProsemirror = function enableProsemirror() {
  nodeViews: getNodeViews(),
  });
  window.view = view;
+
+ // sticky menubar
+ jQuery(window).on('scroll.prosemirror_menu', () => {
+ const $container = jQuery('#prosemirror__editor');
+ const $menuBar = $container.find('.menubar');
+ const docViewTop = jQuery(window).scrollTop();
+ const containerTop = $container.offset().top;
+
+ if (docViewTop > containerTop) {
+ $menuBar.css('position', 'fixed');
+ } else {
+ $menuBar.css('position', '');
+ }
+ });
 };
 
 window.Prosemirror.destroyProsemirror = function destroyProsemirror() {

diff --git a/style.less b/style.less
@@ -85,8 +85,6 @@
  display: block;
 
  .menubar {
- position: sticky;
- top: 0; // Users/Theme developers can override this to stick it below a sticky header
  margin-bottom: 0.5rem;
  border: @border-style;
  border-radius: @border-radius;