✨ feat: Collapse user-select disabled

MoIzadloo · Sep 16, 2023 · d783a64 · d783a64
1 parent 9acd7c4
commit d783a64
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 15 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,12 +1,14 @@
 # [v3.1.0](https://github.com/MoIzadloo/ultimate-react-multilevel-menu/compare/v3.0.0...v3.1.0) (2023-09-14)
 
 ## ✨ New Features
-- [`2615785`](https://github.com/MoIzadloo/ultimate-react-multilevel-menu/commit/2615785)  feat: Items component modified to support elements as input
+
+- [`2615785`](https://github.com/MoIzadloo/ultimate-react-multilevel-menu/commit/2615785) feat: Items component modified to support elements as input
 
 # [v3.0.0](https://github.com/MoIzadloo/ultimate-react-multilevel-menu/compare/v2.0.0...v3.0.0) (2023-09-13)
 
 ## 💥 Breaking Changes
-- [`87315e5`](https://github.com/MoIzadloo/ultimate-react-multilevel-menu/commit/87315e5)  feat: Many problems have been solved
+
+- [`87315e5`](https://github.com/MoIzadloo/ultimate-react-multilevel-menu/commit/87315e5) feat: Many problems have been solved
 
 # [v2.0.0](https://github.com/MoIzadloo/ultimate-react-multilevel-menu/compare/v1.0.0...v2.0.0) (2023-09-10)
 

diff --git a/src/lib/navbar/items/items.props.ts b/src/lib/navbar/items/items.props.ts
@@ -1,6 +1,7 @@
 import { ReactNode, ElementType } from 'react'
 
-interface ItemsProps extends Partial<Omit<Omit<HTMLAnchorElement, 'children'>, 'title'>> {
+interface ItemsProps
+  extends Partial<Omit<Omit<HTMLAnchorElement, 'children'>, 'title'>> {
   children?: ReactNode
   title?: ElementType | string
   href?: string

diff --git a/src/lib/navbar/nav/nav.less b/src/lib/navbar/nav/nav.less
@@ -26,6 +26,14 @@
         display: none;
         flex-direction: column;
     }
+    .item,
+    .logo-container {
+        -webkit-user-select: none;
+        -khtml-user-select: none;
+        -moz-user-select: -moz-none;
+        -o-user-select: none;
+        user-select: none;
+    }
 }
 
 .show{

diff --git a/src/lib/navbar/navbar.md b/src/lib/navbar/navbar.md
@@ -166,38 +166,40 @@ import classnames from 'classnames'
 
 ```tsx static
 import { Navbar, Collapse, Item, Items, Logo } from '../'
-import classnames from 'classnames';
+import classnames from 'classnames'
 
-<Navbar className={classnames('navbar-light', 'bg-white')}>
-</Navbar>
+;<Navbar className={classnames('navbar-light', 'bg-white')}></Navbar>
 ```
 
 ### Fixed top
 
 ```tsx static
 import { Navbar, Collapse, Item, Items, Logo } from '../'
-import classnames from 'classnames';
+import classnames from 'classnames'
 
-<Navbar className={classnames('navbar-light', 'bg-white', 'fixed-top')}>
-</Navbar>
+;<Navbar
+  className={classnames('navbar-light', 'bg-white', 'fixed-top')}
+></Navbar>
 ```
 
 ### Fixed bottom
 
 ```tsx static
 import { Navbar, Collapse, Item, Items, Logo } from '../'
-import classnames from 'classnames';
+import classnames from 'classnames'
 
-<Navbar className={classnames('navbar-light', 'bg-white', 'fixed-bottom')}>
-</Navbar>
+;<Navbar
+  className={classnames('navbar-light', 'bg-white', 'fixed-bottom')}
+></Navbar>
 ```
 
 ### Sticky Top
 
 ```tsx static
 import { Navbar, Collapse, Item, Items, Logo } from '../'
-import classnames from 'classnames';
+import classnames from 'classnames'
 
-<Navbar className={classnames('navbar-light', 'bg-white', 'sticky-top')}>
-</Navbar>
+;<Navbar
+  className={classnames('navbar-light', 'bg-white', 'sticky-top')}
+></Navbar>
 ```