Context menu with some commands (#217)
This commit is contained in:
committed by
Christopher Chedeau
parent
9fe3fe5091
commit
257f697a98
34
src/components/ContextMenu.css
Normal file
34
src/components/ContextMenu.css
Normal file
@ -0,0 +1,34 @@
|
||||
.context-menu {
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.context-menu__option {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.context-menu-option {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.context-menu-option:focus {
|
||||
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;
|
||||
}
|
Reference in New Issue
Block a user