From 43467034edd5fcaf329c59a9679215edd33f0556 Mon Sep 17 00:00:00 2001 From: Ghislain Beaulac Date: Tue, 2 Jun 2020 11:12:52 -0400 Subject: [PATCH] fix(styling): cell/context menus get re-position below the grid - not an issue with Bootstrap but other frameworks like Bulma had this issue which it was overriding the SlickGrid cell-menu/context-menu styling because of these menus use generic css dropdown/dropup classes --- .../angular-slickgrid/styles/slick-plugins.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/app/modules/angular-slickgrid/styles/slick-plugins.scss b/src/app/modules/angular-slickgrid/styles/slick-plugins.scss index 5d7457fe7..0a193c342 100644 --- a/src/app/modules/angular-slickgrid/styles/slick-plugins.scss +++ b/src/app/modules/angular-slickgrid/styles/slick-plugins.scss @@ -19,6 +19,13 @@ overflow: auto; resize: both; + /* make sure that other UI frameworks aren't overriding our properties (Bulma was one of them affecting this) */ + &.dropdown, + &.dropup { + display: inline-block; + position: absolute; + } + > .close { float: right; cursor: pointer; @@ -130,6 +137,13 @@ overflow: auto; resize: both; + /* make sure that other UI frameworks aren't overriding our properties (Bulma was one of them affecting this) */ + &.dropdown, + &.dropup { + display: inline-block; + position: absolute; + } + > .close { float: right; background-color: $context-menu-close-btn-bg-color;