ext-component-context-menu.css 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. /********* CONTEXT MENU *********/
  2. .context-menu-list {
  3. margin: 0;
  4. padding: 0.5rem 0;
  5. border-radius: 0.357rem;
  6. border: 1px solid rgba(34, 41, 47, 0.05);
  7. box-shadow: 0 5px 25px rgba(34, 41, 47, 0.1);
  8. min-width: 10rem; }
  9. .context-menu-list .context-menu-item {
  10. padding: 0.65rem 1.28rem;
  11. color: #6e6b7b; }
  12. .context-menu-list .context-menu-item.context-menu-submenu:after {
  13. border-color: transparent transparent transparent #6e6b7b; }
  14. .context-menu-list .context-menu-item.context-menu-hover, .context-menu-list .context-menu-item:hover, .context-menu-list .context-menu-item:focus {
  15. background-color: rgba(115, 103, 240, 0.12) !important;
  16. color: #7367f0; }
  17. .context-menu-list .context-menu-item.context-menu-hover.context-menu-submenu:after, .context-menu-list .context-menu-item:hover.context-menu-submenu:after, .context-menu-list .context-menu-item:focus.context-menu-submenu:after {
  18. border-color: transparent transparent transparent #7367f0 !important; }
  19. .context-menu-list .context-menu-item:focus {
  20. outline: 0; }
  21. .dark-layout .context-menu-list {
  22. background-color: #161d31;
  23. border-color: #3b4253; }
  24. .dark-layout .context-menu-list .context-menu-item {
  25. background-color: #161d31; }
  26. .dark-layout .context-menu-list .context-menu-item span {
  27. color: #b4b7bd; }
  28. .dark-layout .context-menu-list .context-menu-item.context-menu-hover > span {
  29. color: #7367f0; }
  30. .dark-layout .context-menu-list .context-menu-item.context-menu-submenu:after {
  31. border-color: transparent transparent transparent #b4b7bd; }
  32. [data-textdirection='rtl'] .context-menu-list {
  33. z-index: 1031 !important; }
  34. [data-textdirection='rtl'] .context-menu-list .context-menu-item.context-menu-submenu:after {
  35. transform: rotate(180deg);
  36. top: 1.2rem;
  37. right: 1rem;
  38. left: auto;
  39. border-color: transparent #6e6b7b transparent transparent; }
  40. [data-textdirection='rtl'] .context-menu-list .context-menu-item.context-menu-hover.context-menu-submenu:after {
  41. border-color: transparent #7367f0 transparent transparent !important; }
  42. [data-textdirection='rtl'] .context-menu-list .context-menu-item > .context-menu-list {
  43. left: 100%;
  44. margin-left: 0; }
  45. [data-textdirection='rtl'] .dark-layout .context-menu-list .context-menu-item.context-menu-submenu:after {
  46. border-color: transparent #b4b7bd transparent transparent; }