@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/context-menu/tailwind.css

@@ -1,15 +1,28 @@
 /*! component's theme wise override definitions and variables */
+@-webkit-keyframes hscroll-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 @keyframes hscroll-popup-shadow {
   0% {
     border-color: rgba(255, 255, 255, 0.5);
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
   }
   100% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
-/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
-/*! contextmenu layout */
+/*! component's theme wise override definitions and variables */
+/* stylelint-disable-line no-empty-source */
 .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
 .e-contextmenu-container ul .e-menu-item .e-previous::before {
   content: "\e773";
@@ -24,7 +37,6 @@
   content: "\e765";
 }
 
-/*! contextmenu layout */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   font-weight: 400;
@@ -34,13 +46,15 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
   padding: 4px 0;
   border: 1px solid #e5e7eb;
   border-radius: 4px;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   display: none;
   min-width: 120px;
   position: absolute;
@@ -48,7 +62,8 @@
 .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
 .e-contextmenu-container ul.e-ul,
 .e-contextmenu-container ul.e-ul * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
 .e-contextmenu-container ul.e-ul:focus,
@@ -57,7 +72,8 @@
 }
 .e-contextmenu-wrapper ul.e-contextmenu,
 .e-contextmenu-container ul.e-contextmenu {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   padding: 4px 0;
 }
 .e-contextmenu-wrapper ul.e-ul,
@@ -142,6 +158,8 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
 .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
+  width: -webkit-max-content;
+  width: -moz-max-content;
   width: max-content;
 }
 
@@ -161,7 +179,8 @@
 .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
   background: transparent;
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   height: 1px;
   left: 0;
   min-width: 0;
@@ -181,7 +200,8 @@
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -198,7 +218,8 @@
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-top: -12px;
   width: inherit;
 }
@@ -242,7 +263,8 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   max-width: 280px;
   min-width: 112px;
 }
@@ -294,13 +316,13 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item,
+.e-contextmenu-container .e-menu-item {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-/*! contextmenu theme */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   background-color: #fff;