satis 2.1.36 → 2.1.37

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e57b3ca2bd2eb32edf6fe54e6debf993e024e2cfa2d7fad5700b64404032d4d0
-  data.tar.gz: a6a7c44464d82b470a7a3b840174c15cab9ae2b8f864aa4e99ca2ab27f66b6a1
+  metadata.gz: 53e748f7e96d20abc73d0ac777f40625f4ff266c236ec52fd2377fa793d4ce1d
+  data.tar.gz: 85ac4be2f253ff7955b967e33051c7d59c6293612df7429b17cda532ab4b1188
 SHA512:
-  metadata.gz: 25d1da89ea7ffaf293e329cc048b7e6481edf66303ecde17ba0b707b16879e9553009a02d5227cdc2f591c37eddf4855f9e08c559e67f48848cda75afd307896
-  data.tar.gz: f7de5d36ddabde0f447d7ef812021ad4744f0724727eb21d7ce753973893f8edd36a03e5b287a94db7ccb6ff256a5e98c49db9d59ad040ce1c948c66c64eb78a
+  metadata.gz: e94132bdf12ef516417912d3ee05c8e35f739ffcf80c7ec3e8eca80c04bb8d3c68b62a9d466985c20bc43e247465e1ee82f2a8b160a72d6063d09774b6d1c2e9
+  data.tar.gz: 6598d09411017d90e2e8c9894fdca1babef6cf45a7ac1f1862d2a58d5cc28fc3c716ad8aefccf1dcff2f78e0eb1b8a008712c48cb3bbdb8f298615794f15d1a9

data/app/components/satis/sidebar_menu_item/component.css

@@ -60,7 +60,7 @@
 }
 
 .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;
+  @apply rounded-md bg-gray-50 dark:bg-gray-900 shadow-md py-2;
   text-decoration-thickness: 2px;
   display: block;
   position: absolute;
@@ -70,19 +70,22 @@
 }
 
 .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;
+  @apply text-white dark:bg-gray-600;
   display: block;
   position: absolute;
-  padding-right: 20px;
-  padding-left: 20px;
-  margin-left: 40px;
-  margin-top: -75px;
+  background-color: rgba(0, 0, 0, 0.3);
+  padding: 5px 10px;
+  border-radius: 4px;
+  z-index: 10;
+  width: 200px;
+  margin-left: 22px;
+  margin-bottom: 80px;
 }
 
+
 .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;
+  margin-top: -760px;
+  margin-left: 20px;
 }
 
 .fontawesome-i2svg-active .h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] {
@@ -106,10 +109,15 @@
   opacity: 1;
   position: fixed;
   padding-right: 20px;
-  margin-top: 0;
+  width: 200px;
+  margin-left: 0;
 
 }
 
+.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item a.focus{
+  @apply bg-white dark:bg-gray-900;
+}
+
 .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;
@@ -149,4 +157,42 @@
 
 .sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"]::-webkit-scrollbar {
   display: none;
-}
+}
+
+.h-screen.flex .sidebar .icon-link .sts-sidebar-menu-item .submenu-label {
+  display: none;
+}
+
+.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item .submenu-label {
+  display: none;
+}
+
+.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover .submenu-label {
+  @apply text-white dark:bg-gray-600;
+  display: block;
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.5);
+  padding: 5px 10px;
+  border-radius: 4px;
+  z-index: 10;
+  width: 200px;
+  margin-left: 118px;
+  margin-bottom: 150px;
+}
+
+.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item .submenu-label {
+  display: none;
+}
+
+.h-screen.flex .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover .submenu-label {
+  @apply text-white dark:bg-gray-600;
+  display: block;
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.5);
+  padding: 5px 10px;
+  border-radius: 4px;
+  z-index: 10;
+  width: 200px;
+  margin-left: 75px;
+  margin-bottom: 150px;
+}

data/app/components/satis/sidebar_menu_item/component.html.slim

@@ -13,6 +13,9 @@
     - if item.menu
       i.sts-sidebar-menu-item__menu-icon.fa-solid.fa-angle-right style="width: 20px;" data-satis-sidebar-menu-item-target="indicator"
 
+    - if item.menu
+      span.sts-sidebar-menu-item__label.submenu-label= item.label
+
   - if item.menu
     div.hidden data-satis-sidebar-menu-item-target="submenu"
       = render(Satis::SidebarMenuItem::Component.with_collection(item.menu.items))

data/lib/satis/version.rb

@@ -1,3 +1,3 @@
 module Satis
-  VERSION = "2.1.36"
+  VERSION = "2.1.37"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: satis
 version: !ruby/object:Gem::Version
-  version: 2.1.36
+  version: 2.1.37
 platform: ruby
 authors:
 - Tom de Grunt
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-08-28 00:00:00.000000000 Z
+date: 2024-09-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: browser