Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

fine tuning dropdown menu

This commit is contained in:
Nicolas Constant 2023-08-05 18:59:53 -04:00
parent 26a01b5c30
commit ba08c0d0b2
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/sass/_context-menu.scss
View File

@ -1,17 +1,27 @@
@import "variables"; @import "variables";
::ng-deep .ngx-contextmenu { ::ng-deep .ngx-contextmenu {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); $shadow: 0.4;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, $shadow);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, $shadow);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -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 { & .dropdown-menu {
//border: solid 1px $context-menu-border-color; //border: solid 1px $context-menu-border-color;
border: none; border: none;
background-color: $context-menu-background; background-color: $context-menu-background;
padding: 0; padding: 0;
margin: 0;
border-radius: 0px; border-radius: 0px;
border-radius: 7px;
overflow: hidden;
// padding: 2px 0; // padding: 2px 0;
// border-radius: 2px; // border-radius: 2px;
//border: solid 2px $context-menu-border-color; //border: solid 2px $context-menu-border-color;
@ -44,6 +54,6 @@
} }
& .divider { & .divider {
border-top: solid 2px $context-menu-border-color; border-top: solid 1px $context-menu-border-color;
} }
} }

3
src/sass/_variables.scss
View File

@ -52,9 +52,12 @@ $column-background: #0f111a;
$card-border-color: #2b344d; $card-border-color: #2b344d;
$context-menu-background: #d9e1e8; $context-menu-background: #d9e1e8;
$context-menu-background: #ffffff;
$context-menu-background-hover: #a9c9e6; $context-menu-background-hover: #a9c9e6;
$context-menu-background-hover: #d7dfeb;
$context-menu-font-color: #000000; $context-menu-font-color: #000000;
$context-menu-border-color: #c0cdd9; $context-menu-border-color: #c0cdd9;
$context-menu-border-color: #cbd3df;
$direct-message-background: #090a0f; $direct-message-background: #090a0f;