Merge pull request #196 from xeokit/context-menu-css

[BREAKING] ContextMenu - Add separator as an independent li tag
xeokit · Sep 9, 2024 · 3d18b68 · 3d18b68
2 parents e2be5fe + 15f8176
commit 3d18b68
Show file tree

Hide file tree

Showing 7 changed files with 2,115 additions and 656 deletions.
diff --git a/dist/xeokit-bim-viewer.css b/dist/xeokit-bim-viewer.css
@@ -539,37 +539,34 @@
  border: 1px solid black;
  border-radius: 6px;
  padding: 0;
- width: 220px;
+ width: 200px;
 }
 
 .xeokit-context-menu ul {
  list-style: none;
  margin-left: 0;
- margin-top: 0;
- margin-bottom: 0;
  padding: 0;
 }
 
-.xeokit-context-menu ul li {
+.xeokit-context-menu-item {
  list-style-type: none;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: black;
- border-bottom: 1px solid gray;
  background: rgba(255, 255, 255, 0.46);
  cursor: pointer;
  width: calc(100% - 30px);
 }
 
-.xeokit-context-menu ul li:hover {
+.xeokit-context-menu-item:hover {
  background: black;
  color: white;
  font-weight: normal;
 }
 
-.xeokit-context-menu ul li span {
+.xeokit-context-menu-item span {
  display: inline-block;
 }
 
@@ -587,6 +584,12 @@
  font-weight: normal;
 }
 
+.xeokit-context-menu-item-separator {
+ background: rgba(0, 0, 0, 1);
+ height: 1px;
+ width: 100%;
+}
+
 .xeokit-context-submenu {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;