sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweak context menu style (#320)

Browse Source 
- Move the context menu right next to the mouse so it's not so far away. But 1px out so that nothing is selected until you move your mouse
- Change the colors to be closer to the macos one. Unfortunately, macos has a 0.5px border that I'm not able to reproduce without some annoying hacks, 1px it'll be.
This commit is contained in:
Christopher Chedeau 2020-01-11 15:59:42 -08:00 committed by GitHub
parent b481a29024
commit 1bf18fe4ed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/ContextMenu.css
View File

@ -5,6 +5,10 @@
padding: 0; padding: 0;
list-style: none; list-style: none;
user-select: none; user-select: none;
margin: -4px 0 0 1px;
padding: 4px 0;
background-color: #f2f2f2;
border: 1px solid #bcbcbc;
} }
.context-menu__option { .context-menu__option {
@ -17,18 +21,16 @@
margin: 0; margin: 0;
text-align: left; text-align: left;
border-radius: 0; border-radius: 0;
padding-left: 20px;
background-color: #f2f2f2;
border: none;
}
.context-menu-option:hover {
color: white;
background-color: #4e95f5;
} }
.context-menu-option:focus { .context-menu-option:focus {
z-index: 1; z-index: 1;
} }
.context-menu__option:first-child .context-menu-option {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.context-menu__option:last-child .context-menu-option {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}