jekyll-theme-miniplex 0.7.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +2 -2
- data/_sass/jekyll-theme-miniplex.sass +5 -8
- data/assets/js/main.coffee +20 -2
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3c0ff535ae019cf3fdeb97f38051550e5042a59dda0bab336c1fabc5db126659
|
|
4
|
+
data.tar.gz: a5196eb5ba50ab386c0b58d48f81b2367a013ca229538f8ee7d98341123822a3
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 519694b13d6df1d75435836f9c11cf401f866076dbbffaf29479ad6fe60a6021719f904db5875284ef3e3fd5ee658bb43f66b823ff1988193b67c711a1423f41
|
|
7
|
+
data.tar.gz: c2aad8e454b456c7be57ae481e328a5a793911edff3adeb3f5b5b60a0e0cb7231abb04d5f8559e2894683d7f632bf4f1250e2d57334bb70f0b2ad3c60d161af0
|
data/README.md
CHANGED
|
@@ -63,9 +63,8 @@ miniplex:
|
|
|
63
63
|
|
|
64
64
|
## ToDos & Missing Features
|
|
65
65
|
|
|
66
|
-
- [ ] Mobile nav bugfixing
|
|
67
|
-
- [ ] Dark mode
|
|
68
66
|
- [ ] Print CSS
|
|
67
|
+
- [ ] Dark mode
|
|
69
68
|
- [ ] In-page navigation
|
|
70
69
|
- [ ] Footer
|
|
71
70
|
- [ ] Maximizable tables
|
|
@@ -77,6 +76,7 @@ miniplex:
|
|
|
77
76
|
|
|
78
77
|
Most recent at the top.
|
|
79
78
|
|
|
79
|
+
- [X] Mobile nav bugfixing
|
|
80
80
|
- [X] Post author & date flexibility
|
|
81
81
|
- [X] Add a post's date to the page layout, or to a separate post layout
|
|
82
82
|
|
|
@@ -556,7 +556,7 @@ body
|
|
|
556
556
|
left: 0px
|
|
557
557
|
display: grid
|
|
558
558
|
grid-template-columns: auto
|
|
559
|
-
grid-template-rows: [transparent-nav-close-area]
|
|
559
|
+
grid-template-rows: [transparent-nav-close-area] 8 * $unit [navigation-items] 1fr [navigation-controls] min-content
|
|
560
560
|
|
|
561
561
|
#navigation-items
|
|
562
562
|
grid-row: navigation-items / span 1
|
|
@@ -632,11 +632,12 @@ body
|
|
|
632
632
|
background-size: 24px
|
|
633
633
|
background-image: var(--icon-url)
|
|
634
634
|
|
|
635
|
-
// Mobile Navigation,
|
|
636
|
-
nav#navigation-mobile
|
|
635
|
+
// Mobile Navigation, start state
|
|
636
|
+
nav#navigation-mobile
|
|
637
637
|
position: sticky
|
|
638
|
-
grid-template-rows: [transparent-nav-close-area] 0 [navigation-items] 0 [navigation-controls] min-content
|
|
639
638
|
|
|
639
|
+
// Mobile Navigation, closed state
|
|
640
|
+
nav#navigation-mobile[data-state="closed"]
|
|
640
641
|
#transparent-nav-close-area
|
|
641
642
|
display: none
|
|
642
643
|
|
|
@@ -651,10 +652,6 @@ body
|
|
|
651
652
|
|
|
652
653
|
// Mobile Navigation, open state
|
|
653
654
|
nav#navigation-mobile[data-state="open"]
|
|
654
|
-
position: fixed
|
|
655
|
-
width: 100vw
|
|
656
|
-
height: 100vh
|
|
657
|
-
|
|
658
655
|
#transparent-nav-close-area
|
|
659
656
|
display: block
|
|
660
657
|
|
data/assets/js/main.coffee
CHANGED
|
@@ -15,6 +15,7 @@ document.addEventListener "DOMContentLoaded", (DOMLoadedEvent) ->
|
|
|
15
15
|
# Mobile navigation
|
|
16
16
|
mobileNavigation = document.querySelector "nav#navigation-mobile"
|
|
17
17
|
mobileNavigationItems = document.querySelector "nav#navigation-mobilenav#navigation-mobile ul#navigation-items"
|
|
18
|
+
mobileNavigationControls = document.querySelector "nav#navigation-mobile #navigation-controls"
|
|
18
19
|
navigationToggleButton = document.querySelector "button#mobile-navigation-toggle"
|
|
19
20
|
transparentNavCloseArea = document.querySelector "div#transparent-nav-close-area"
|
|
20
21
|
body = document.querySelector "body"
|
|
@@ -22,15 +23,32 @@ document.addEventListener "DOMContentLoaded", (DOMLoadedEvent) ->
|
|
|
22
23
|
toggleNavigation = (event) ->
|
|
23
24
|
switch mobileNavigation.dataset.state
|
|
24
25
|
when "closed"
|
|
26
|
+
# Open navigation
|
|
25
27
|
mobileNavigation.dataset.state = "open"
|
|
28
|
+
|
|
29
|
+
body.style.overflow = "hidden"
|
|
30
|
+
|
|
31
|
+
mobileNavigation.style.position = "fixed"
|
|
32
|
+
mobileNavigation.style.width = "100vw"
|
|
33
|
+
mobileNavigation.style.height = "100vh"
|
|
34
|
+
mobileNavigation.style.removeProperty("grid-template-rows")
|
|
35
|
+
|
|
26
36
|
navigationToggleButton.setAttribute "aria-expanded", "true"
|
|
27
37
|
mobileNavigationItems.setAttribute "aria-hidden", "false"
|
|
28
|
-
|
|
38
|
+
|
|
29
39
|
when "open"
|
|
40
|
+
# Close Navigation
|
|
30
41
|
navigationToggleButton.setAttribute "aria-expanded", "false"
|
|
31
42
|
mobileNavigation.dataset.state = "closed"
|
|
32
|
-
|
|
43
|
+
|
|
33
44
|
body.style.overflow = "initial"
|
|
34
45
|
|
|
46
|
+
mobileNavigation.style.position = "sticky"
|
|
47
|
+
mobileNavigation.style.removeProperty("width")
|
|
48
|
+
mobileNavigation.style.removeProperty("height")
|
|
49
|
+
mobileNavigation.style.gridTemplateRows = "[transparent-nav-close-area] 0 [navigation-items] 0 [navigation-controls] min-content"
|
|
50
|
+
|
|
51
|
+
mobileNavigationItems.setAttribute "aria-hidden", "true"
|
|
52
|
+
|
|
35
53
|
navigationToggleButton.addEventListener "click", toggleNavigation
|
|
36
54
|
transparentNavCloseArea.addEventListener "click", toggleNavigation
|