component.css in satis-2.1.36

- old
+ new

@@ -37,10 +37,11 @@
 
 .sidebar.close .sts-sidebar-menu-item__label {
   display: none;
 }
 
+
 .sidebar.close .sts-sidebar-menu-item [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item{
   display: none;
   visibility: hidden;
   opacity: 0;
 }
@@ -56,10 +57,20 @@
   display: none;
   visibility: hidden;
   opacity: 0;
 }
 
+.sidebar.close .icon-link > .sts-sidebar-menu-item:hover:not(:has([data-satis-sidebar-menu-item-target="submenu"])) .sts-sidebar-menu-item__label {
+  @apply rounded-md bg-gray-50 dark:bg-gray-800 shadow-md py-2;
+  text-decoration-thickness: 2px;
+  display: block;
+  position: absolute;
+  padding-right: 20px;
+  padding-left: 20px;
+  margin-left: 40px;
+}
+
 .sidebar.close .icon-link > .sts-sidebar-menu-item:has([data-satis-sidebar-menu-item-target="submenu"]):hover > .sts-sidebar-menu-item__link > .sts-sidebar-menu-item__label {
   @apply rounded-md bg-gray-50 dark:bg-gray-800 shadow-md py-2;
   text-decoration-thickness: 2px;
   display: block;
   position: absolute;
@@ -72,21 +83,22 @@
 .sidebar.close .icon-link > .sts-sidebar-menu-item:has([data-satis-sidebar-menu-item-target="submenu"]):last-child:hover > .sts-sidebar-menu-item__link > .sts-sidebar-menu-item__label {
   margin-top: -840px;
   margin-left: 70px;
 }
 
-
 .fontawesome-i2svg-active .h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] {
   @apply rounded-md bg-white dark:bg-gray-900 py-0 px-0 shadow-lg;
   display: block;
   visibility: visible;
   opacity: 1;
   position: absolute;
   padding-right: 20px;
   margin-left: 30px;
   margin-top: -45px;
+
   width: 200px;
+
 }
 
 .fontawesome-i2svg-active .h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:only-child {
   @apply rounded-md bg-white dark:bg-gray-900 py-0 px-0 shadow-lg;
   display: block;
@@ -94,20 +106,29 @@
   opacity: 1;
   position: fixed;
   padding-right: 20px;
   margin-top: 0;
 
-
 }
 
 .h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item.pl-4 {
   @apply py-0 px-0 ;
   display: block;
   visibility: visible;
   opacity: 100;
 }
 
+.sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item .sts-sidebar-menu-item__label {
+  background: none;
+  display:block;
+  overflow: visible;
+  padding: 0;
+}
 
+.sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item .sts-sidebar-menu-item__label {
+
+
+}
 
 .h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:last-child:hover > [data-satis-sidebar-menu-item-target="submenu"] {
   margin-top: -425px;
 }
 
\ No newline at end of file