Context menu with some commands (#217)

This commit is contained in:
Timur Khazamov
2020-01-07 07:50:59 +05:00
committed by Christopher Chedeau
parent 9fe3fe5091
commit 257f697a98
6 changed files with 250 additions and 25 deletions

View 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;
}