jekyll-theme-miniplex 0.12.0 → 0.12.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b445d75ca4335ea4609745587abb18d8be0499067c0f3ccdf86f2828f507239b
-  data.tar.gz: 41c53aada8811b213c6720140f44d0232f87fa2390713e8580ba8e9bdfe45c76
+  metadata.gz: fdb213fd26d77dec337fb31f96e00a35acc29eff34d83afa69b2a58c2a6278c9
+  data.tar.gz: bbbae40198d08388a7b44220edbaadca9204f2726830cfa999105a160f7d2050
 SHA512:
-  metadata.gz: 1ccd95ac50abe0b6c7f2bf6c9465b7b4dcf452f36cb6c1f01dbd7904876bd0a363e3585373050eee1d177880a2681c0a4084404e9981818707828ff1125d3099
-  data.tar.gz: 3ddf6ca45f392ea7b56e9ff36375f3dd42a0342cf9e05f655e6516e4f56e8ef66154076632c5cf2ca3f4344921f4b20b3265602eb43fdfdadc6f971807f8c6a3
+  metadata.gz: 76fee67ca04777c78b8306f3b89162cf0f5c2c5f57cfe00d35cd06964cfea6fda1920871ceceacf69f56a705b880f4482c6f48427388faf783296365976c5b84
+  data.tar.gz: 30f023e788e2b95b30f40e61e0fc5b1f091dd9ffdbf6a96e10978dc0924999a177b1687fcc79f633ef8dd922a0e949bc49b4ac98e6c35e5a88154dd77642a35a

data/README.md

@@ -69,7 +69,10 @@ Execute...
 
 ### Layouts
 
-There are two layouts: `page` and `post`. They are almost identical, except for the `post` layout that shows the post's date and author below the title.
+There are 2 layouts:
+
+- `page`: A clean layout with a larger column at the right for text, and a narrower left-hand navigation column.
+- `post`: Visually identical to the `page` layout, but shows the post's date and author below the title.
 
 ### Configuration options
 
@@ -90,8 +93,9 @@ Optionally, put any of the following files into the `_includes` folder to overri
 
 ## ToDos & Missing Features
 
-- [ ] In-page navigation
+- [ ] Font legibility & weights optimizations
 - [ ] Maximizable tables
+- [ ] In-page navigation
 - [ ] Breadcrumbs, if possible
 - [ ] Side notes, if possible
 
@@ -100,6 +104,10 @@ Optionally, put any of the following files into the `_includes` folder to overri
 
 Most recent at the top.
 
+- [X] Removed `overview` layout because it wasn't really a layout.
+- [X] Tests & fixes for mobile navigation. Issues:
+  - [X] Chrome on Android: Navigation bar position (floating or hidden)
+  - [X] Missing shadow on mobile nav
 - [X] Footer
 - [X] Dark mode
 - [X] Print CSS

data/_sass/jekyll-theme-miniplex.sass

@@ -2,6 +2,7 @@
 @use "sass:map"
 @use "sass:math"
 @use "sass:list"
+@use "sass:color"
 
 @import "reset"
 
@@ -247,6 +248,8 @@ $large_breakpoint: $medium_breakpoint + $large_minimum_left_navigation_width + 2
   // Colors for light mode
   --primary_foreground_color: #444444
   --heading_foreground_color: #333333
+  // Needs to be written as RGB, not hex, so that CSS rgba() works
+  --shadow_color: 51, 51, 51, 0.4
   --interactive_color: #777777
   --interactive_background_color: #eeeeee
   --accent_color_1: #777777
@@ -259,6 +262,8 @@ $large_breakpoint: $medium_breakpoint + $large_minimum_left_navigation_width + 2
   @media (prefers-color-scheme: dark)
     --primary_foreground_color: #ffffff
     --heading_foreground_color: #eeeeee
+    // Needs to be written as RGB, not hex, so that CSS rgba() works
+    --shadow_color: 255, 255, 255, 1.0 
     --interactive_color: #eeeeee
     --interactive_background_color: #777777
     --accent_color_1: #dddddd
@@ -283,10 +288,20 @@ body
 
     @include below_large_mode
       display: flex
+      position: fixed
+      height: 100vh 
+      width: 100vw
+      max-height: 100%
+      top: 0
+      left: 0
+      bottom: 0
+      right: 0
+      overflow-y: scroll
+
       flex-flow: column nowrap
       align-items: stretch
       justify-content: space-between
-      height: 100vh 
+      
     
     main#content
       background: var(--content_background_color)
@@ -755,7 +770,9 @@ body
 
     // Mobile Navigation, start state
     nav#navigation-mobile
+      position: -webkit-sticky
       position: sticky
+      align-self: stretch
 
       @include print_mode
         display: none
@@ -769,7 +786,7 @@ body
         display: none
 
       #navigation-controls
-        box-shadow: 0 math.div($unit, 2) math.div($unit, 1) rgba(var(--heading_foreground_color), 0.4)
+        box-shadow: 0 math.div($unit, 2) math.div($unit, 1) rgba(var(--shadow_color))
 
         button#mobile-navigation-toggle
           --icon-url: url("/assets/images/menu-outline.svg")
@@ -783,7 +800,7 @@ body
 
       #navigation-items
         display: block
-        box-shadow: 0 math.div($unit, 2) math.div($unit, 1) rgba(var(--heading_foreground_color), 0.4)
+        box-shadow: 0 math.div($unit, 2) math.div($unit, 1) rgba(var(--shadow_color))
 
       #navigation-controls
         button#mobile-navigation-toggle

data/assets/js/main.coffee

@@ -26,13 +26,13 @@ document.addEventListener "DOMContentLoaded", (DOMLoadedEvent) ->
         # Open navigation
         mobileNavigation.dataset.state = "open"
 
-        body.style.overflow = "hidden"
-
         mobileNavigation.style.position = "fixed"
         mobileNavigation.style.width = "100vw"
         mobileNavigation.style.height = "100vh"
         mobileNavigation.style.removeProperty("grid-template-rows")
 
+        body.style.overflow = "hidden"
+
         navigationToggleButton.setAttribute "aria-expanded", "true"
         mobileNavigationItems.setAttribute "aria-hidden", "false"
         
@@ -41,13 +41,14 @@ document.addEventListener "DOMContentLoaded", (DOMLoadedEvent) ->
         navigationToggleButton.setAttribute "aria-expanded", "false"
         mobileNavigation.dataset.state = "closed"
 
-        body.style.overflow = "initial"
-
         mobileNavigation.style.position = "sticky"
         mobileNavigation.style.removeProperty("width")
         mobileNavigation.style.removeProperty("height")
         mobileNavigation.style.gridTemplateRows = "[transparent-nav-close-area] 0 [navigation-items] 0 [navigation-controls] min-content"
 
+        body.style.overflow = "initial"
+
+        navigationToggleButton.setAttribute "aria-expanded", "false"
         mobileNavigationItems.setAttribute "aria-hidden", "true"
 
         mobileNavigation.scrollIntoView {block: "end"}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-miniplex
 version: !ruby/object:Gem::Version
-  version: 0.12.0
+  version: 0.12.2
 platform: ruby
 authors:
 - Timo Würsch
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-03-06 00:00:00.000000000 Z
+date: 2023-03-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -53,7 +53,6 @@ files:
 - _includes/navigation_desktop.html
 - _includes/navigation_mobile.html
 - _layouts/default.html
-- _layouts/overview.html
 - _layouts/page.html
 - _layouts/post.html
 - _sass/jekyll-theme-miniplex.sass

data/_layouts/overview.html

@@ -1,11 +0,0 @@
----
-layout: default
----
-{{ content }}
-<ul>
-  {% for p in site.posts %}
-    <li>
-      <a href="{{ p.url }}">{{ p.title }}</a>
-    </li>
-  {% endfor %}
-</ul>