lato 0.1.43 → 0.1.44

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a34ec33506d24a255aa70857414131f233bcc5c812f3b38f139cd4e02cffc9f6
-  data.tar.gz: f88a6b9db1e9956281ead6dfe9858d62eb421158d45484184df1fbe822fbdd53
+  metadata.gz: 560743ac91d34285c3a1a14369638483ca28d3d2bc6d22227f648c794d7bd61e
+  data.tar.gz: 92b1bfe12065f7f84bbba9b71f451881c59329da2057b7780697a199a871693a
 SHA512:
-  metadata.gz: 9ca0377c4ec076da3438e2021ecdc089671ce9f5275e5531dbf9f772c077f6630728806f3f3d889708c2335cead5951e0c3b5bbe289e4cb58a2d7a38bed739c5
-  data.tar.gz: dde9d1be128466a57cfdceac660b5b6ab7cb2dd2b78465e29e7e42339bb7f7d13f6c7e2e7bb6b05cbcb970cb2884aed8913a08181619d0f3c8c1f21e70a0040c
+  metadata.gz: 723a1c8ea05d63e3e6c4f1f8b1fb50fbdfa86062627c78da29e2b11cfa0d6a3347aaab1278253a9e03cc0067d88873d0dd3c07138a51f8388c72a0539c948f32
+  data.tar.gz: d71032b716971f96ca2d8309c1863e1c6a17388ff45ed3af39c35ef2b03896f27a5965f3470d97dc59e4ca7c7b9302515c540ff7be914d364d1328469a0252aa

data/app/assets/javascripts/lato/application.js

@@ -5,19 +5,49 @@ import "bootstrap"
 // Import controllers (stimulus rails)
 import "controllers"
 
-// Close sidebar before page change with turbo
-document.addEventListener("turbo:before-visit", (e) => {
-  document.body.classList.remove('aside-open')
+/**
+ * Manage page transitions
+ */
+
+const PAGE_TRANSITION_TIME = 150
+
+document.addEventListener('DOMContentLoaded', () => {
+  console.log('DOMContentLoaded')
+
+  // add is-loaded class
+  document.body.classList.add('is-loaded')
 })
 
-// Close all boostrap modals before page change with turbo
-// NOTE: This is not a good solution, but it seems to work
-document.addEventListener("turbo:before-visit", (e) => {
-  document.querySelectorAll('.modal.show').forEach((modal) => {
-    modal.classList.remove('show')
-  })
+document.addEventListener('turbo:load', () => {
+  console.log('turbo:load')
+
+  setTimeout(() => {
+    // add is-loaded class
+    document.body.classList.add('is-loaded')
+  }, PAGE_TRANSITION_TIME)
+})
 
-  document.querySelectorAll('.modal-backdrop').forEach((backdrop) => {
-    backdrop.remove()
+document.addEventListener('turbo:before-render', (e) => {
+  console.log('turbo:before-render')
+
+  e.preventDefault()
+
+  // remove is-loaded class
+  document.body.classList.remove('is-loaded')
+
+  // hide modals and make body scrollable
+  document.querySelectorAll('.modal.show').forEach((el) => {
+    el.classList.remove('show')
+    el.style.display = 'none'
   })
-})
+  document.querySelectorAll('.modal-backdrop').forEach((el) => {
+    el.remove()
+  })
+  document.body.classList.remove('modal-open')
+  document.body.style.paddingRight = ''
+  document.body.style.overflow = ''
+
+  setTimeout(() => {
+    e.detail.resume()
+  }, PAGE_TRANSITION_TIME)
+})

data/app/assets/stylesheets/lato/application.scss

@@ -24,8 +24,18 @@
 
 /** Custom style */
 
+body {
+  &.is-loaded {
+    main {
+      opacity: 1;
+    }
+  }
+}
+
 main {
   width: 100%;
+  opacity: 0;
+  transition: opacity 0.15s ease-in-out;
 }
 
 main, aside {

data/lib/lato/version.rb

@@ -1,3 +1,3 @@
 module Lato
-  VERSION = "0.1.43"
+  VERSION = "0.1.44"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lato
 version: !ruby/object:Gem::Version
-  version: 0.1.43
+  version: 0.1.44
 platform: ruby
 authors:
 - Gregorio Galante
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-03-10 00:00:00.000000000 Z
+date: 2023-03-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails