add apadding-bottom to the bottom of project list container

45827-project-list-dropdown-actions-cut-off
bsatarnejad 2 years ago
parent 8493d108a9
commit 0e82c463d8
  1. 9
      frontend/src/app/core/setup/globals/global-listeners/action-menu.ts
  2. 9
      frontend/src/global_styles/content/_table.sass

@ -62,15 +62,6 @@ function openMenu(menu:JQuery) {
// when clicking on something, which is not the menu, close the menu
jQuery('html').on('click', { menu: menu.get(0) }, closeMenu);
});
const scrollableContainer = dropDown.scrollParent()[0];
if (scrollableContainer) {
if (scrollableContainer.scrollTop > 0 || scrollableContainer.scrollHeight === scrollableContainer.offsetHeight) {
jQuery(scrollableContainer).animate({
scrollTop: scrollableContainer.scrollHeight,
}, 150);
}
}
dropDown.addClass('open');
}
}

@ -41,16 +41,14 @@ $toolbar-height--mobile: 100px
display: flex
flex-direction: column
// Calculate table size by subtracting the space above
max-height: calc(100vh - #{var(--header-height)} - #{$toolbar-height})
@media screen and (max-width: 679px)
max-height: calc(100vh - #{var(--header-height)} - #{$toolbar-height--mobile})
.generic-table--container
display: contents
.generic-table
position: relative
.generic-table--results-container
overflow: unset
@media screen and (max-width: 679px)
overflow-x: auto
.generic-table--container
position: relative
@ -65,6 +63,7 @@ $toolbar-height--mobile: 100px
.generic-table--results-container
height: 100%
padding-bottom: $spot-spacing-8
overflow:
x: auto
y: auto

Loading…
Cancel
Save