diff --git a/src/sass/_context-menu.scss b/src/sass/_context-menu.scss index 5323dda0..0445c1f6 100644 --- a/src/sass/_context-menu.scss +++ b/src/sass/_context-menu.scss @@ -1,17 +1,27 @@ @import "variables"; ::ng-deep .ngx-contextmenu { - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); - -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + $shadow: 0.4; + box-shadow: 0 0 10px rgba(0, 0, 0, $shadow); + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, $shadow); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, $shadow); + -o-box-shadow: 0 0 10px rgba(0, 0, 0, $shadow); + + padding: 0; + + border-radius: 7px; + overflow: hidden; & .dropdown-menu { //border: solid 1px $context-menu-border-color; border: none; background-color: $context-menu-background; padding: 0; + margin: 0; border-radius: 0px; + + border-radius: 7px; + overflow: hidden; // padding: 2px 0; // border-radius: 2px; //border: solid 2px $context-menu-border-color; @@ -44,6 +54,6 @@ } & .divider { - border-top: solid 2px $context-menu-border-color; + border-top: solid 1px $context-menu-border-color; } } \ No newline at end of file diff --git a/src/sass/_variables.scss b/src/sass/_variables.scss index 1e80c59d..10f4171c 100644 --- a/src/sass/_variables.scss +++ b/src/sass/_variables.scss @@ -52,9 +52,12 @@ $column-background: #0f111a; $card-border-color: #2b344d; $context-menu-background: #d9e1e8; +$context-menu-background: #ffffff; $context-menu-background-hover: #a9c9e6; +$context-menu-background-hover: #d7dfeb; $context-menu-font-color: #000000; $context-menu-border-color: #c0cdd9; +$context-menu-border-color: #cbd3df; $direct-message-background: #090a0f;