fine tuning dropdown menu
This commit is contained in:
parent
26a01b5c30
commit
ba08c0d0b2
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
|
||||
|
|
Loading…
Reference in New Issue