satis 2.1.37 → 2.1.39

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 53e748f7e96d20abc73d0ac777f40625f4ff266c236ec52fd2377fa793d4ce1d
-  data.tar.gz: 85ac4be2f253ff7955b967e33051c7d59c6293612df7429b17cda532ab4b1188
+  metadata.gz: b2bb03a6dd505a66bab8954f44688caae478ea05d597693fe98d78214ddad550
+  data.tar.gz: 6da9d6e93810ee42bb5ba48f7c3ac7e15d0a36d640555bc0489c2339934cf96e
 SHA512:
-  metadata.gz: e94132bdf12ef516417912d3ee05c8e35f739ffcf80c7ec3e8eca80c04bb8d3c68b62a9d466985c20bc43e247465e1ee82f2a8b160a72d6063d09774b6d1c2e9
-  data.tar.gz: 6598d09411017d90e2e8c9894fdca1babef6cf45a7ac1f1862d2a58d5cc28fc3c716ad8aefccf1dcff2f78e0eb1b8a008712c48cb3bbdb8f298615794f15d1a9
+  metadata.gz: 50e71afa728f3f64ebdc1629d4fff2ead6359ab896ac97d6367f0b72edbf5148db10cf24d552593ca0d8a0e706c7d6a712d1621df0819e54bcb71e8c0879e8e3
+  data.tar.gz: 7ddbeb16decb994c3f2b12603bfb039ef85c355557b8d685b3bb1da87be18cda38896605cbc17db6617655bb2539943bc5574342b567db7339cced34378b260a

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

@@ -1,4 +1,4 @@
-.w-full.bg-gray-200.rounded-full.dark:bg-gray-700 class=size
-  .bg-blue-600.rounded-full.font-medium.text-blue-100.text-center.leading-none class="#{text_size} #{padding} #{size}" style="width: #{percentage}%"
-    = label
-
+.w-full.bg-gray-200.rounded-full.text-center.relative.dark:bg-gray-700.text-gray-800.dark:text-gray-200 class=size
+  .bg-blue-500.dark:bg-blue-600.rounded-full.font-medium.text-center.leading-none class="#{text_size} #{padding} #{size}" style="width: #{percentage}%"
+  .absolute.inset-0.flex.items-center.justify-center
+    = label

data/app/components/satis/sidebar/component_controller.js

@@ -16,22 +16,23 @@ export default class SidebarComponentController extends ApplicationController {
         // Check stored state and apply it
         const isClosed = sessionStorage.getItem('sidebarClosed') === 'true';
         if (isClosed) {
-            sidebar_collapse.classList.add("close");
-            topbar.classList.add("close");
-            page_body.classList.add("close");
+            sidebar_collapse?.classList.add("close");
+            topbar?.classList.add("close");
+            page_body?.classList.add("close");
         }
 
+        if (sidebarBtn) {
+            sidebarBtn.addEventListener("click", () => {
+                const isClosed = sidebar_collapse.classList.toggle("close");
+                topbar.classList.toggle("close");
+                page_body.classList.toggle("close");
 
-        sidebarBtn.addEventListener("click", () => {
-            const isClosed = sidebar_collapse.classList.toggle("close");
-            topbar.classList.toggle("close");
-            page_body.classList.toggle("close");
-
-            // Save the current state to sessionStorage
-            sessionStorage.setItem('sidebarClosed', isClosed);
-        });
+                // Save the current state to sessionStorage
+                sessionStorage.setItem('sidebarClosed', isClosed);
+            });
         }
     }
+}
 
 // Ensure the function runs on every Turbo page load
 document.addEventListener("turbo:load", () => {

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

@@ -73,11 +73,10 @@
   @apply text-white dark:bg-gray-600;
   display: block;
   position: absolute;
-  background-color: rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 1);
   padding: 5px 10px;
   border-radius: 4px;
-  z-index: 10;
-  width: 200px;
+  width: 220px;
   margin-left: 22px;
   margin-bottom: 80px;
 }
@@ -94,11 +93,10 @@
   visibility: visible;
   opacity: 1;
   position: absolute;
-  padding-right: 20px;
   margin-left: 30px;
   margin-top: -45px;
 
-  width: 200px;
+  width: 220px;
 
 }
 
@@ -108,21 +106,30 @@
   visibility: visible;
   opacity: 1;
   position: fixed;
-  padding-right: 20px;
-  width: 200px;
+  width: 220px;
   margin-left: 0;
 
 }
 
+.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 {
+  @apply py-0 px-0;
+  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 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;
   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 {
@@ -132,10 +139,6 @@
   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;
@@ -143,18 +146,11 @@
 
 .h-screen.flex .sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] {
   position: fixed;
-  margin-left: 123px;
+  margin-left: 185px;
   margin-top: -80px;
 }
 
 
-.h-screen.flex .sidebar.close .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 > [data-satis-sidebar-menu-item-target="submenu"] {
-  position: fixed;
-  padding-right: 20px;
-  margin-left: 80px;
-  margin-top: -80px;
-}
-
 .sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"]::-webkit-scrollbar {
   display: none;
 }
@@ -171,12 +167,13 @@
   @apply text-white dark:bg-gray-600;
   display: block;
   position: absolute;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(0, 0, 0, 1);
   padding: 5px 10px;
   border-radius: 4px;
   z-index: 10;
-  width: 200px;
-  margin-left: 118px;
+  width: 220px;
+  margin-left: 177px;
+  margin-top: 0;
   margin-bottom: 150px;
 }
 
@@ -184,15 +181,15 @@
   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 {
+.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: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);
+  background-color: rgba(0, 0, 0, 1);
   padding: 5px 10px;
   border-radius: 4px;
   z-index: 10;
-  width: 200px;
-  margin-left: 75px;
+  width: 220px;
+  margin-left: 177px;
   margin-bottom: 150px;
 }

data/lib/satis/version.rb

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

metadata

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