@trimble-oss/modus-docs-hugo-theme 1.0.0-alpha2 → 1.0.0-alpha3

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.
Files changed (8) hide show
  1. package/assets/styles/_article.scss +5 -0
  2. package/layouts/_default/baseof.html +1 -0
  3. package/layouts/partials/btn-theme-toggle.html +3 -2
  4. package/layouts/partials/col-sidebar.html +14 -11
  5. package/layouts/partials/navbar.html +4 -4
  6. package/layouts/partials/skippy.html +5 -5
  7. package/layouts/partials/was-this-page-helpful.html +5 -3
  8. package/package.json +2 -2
package/assets/styles/_article.scss CHANGED
@@ -14,6 +14,11 @@ h5:hover .header-link {
14
14
  transition: 0.3s all;
15
15
  }
16
16
 
17
+ .header-link:focus-visible {
18
+ opacity: 1;
19
+ pointer-events: visible;
20
+ }
21
+
17
22
  // title of article shouldn't have margin-top
18
23
  main article h2.h1:first-of-type {
19
24
  margin-top: 0 !important;
package/layouts/_default/baseof.html CHANGED
@@ -7,6 +7,7 @@
7
7
 
8
8
  <body data-url="{{ .RelPermalink }}" class="overflow-x-hidden {{ with .Page.Params.body_class -}}{{ . -}}{{- end -}}"
9
9
  {{ if not .Params.disableScrollSpy }}{{- end -}}>
10
+ {{ partial "skippy" . }}
10
11
  {{ if not .Params.NavbarFalse }}{{ partial "navbar" . }}{{ end }}
11
12
  {{ block "body" . }}{{ block "main" . }}
12
13
  {{- end -}}
package/layouts/partials/btn-theme-toggle.html CHANGED
@@ -1,5 +1,6 @@
1
- <button class="btn btn-lg btn-icon-only theme-toggle pt-0 border-0 mx-1" id="theme-toggle" title="Toggles light & dark"
2
- aria-label="auto" aria-live="polite" type="button" data-bs-toggle="tooltip" data-bs-placement="right">
1
+ <button class="btn btn-lg btn-icon-only btn-outline-secondary bg-transparent theme-toggle pt-0 border-0 mx-1"
2
+ id="theme-toggle" title="Toggles light & dark" aria-label="auto" aria-live="polite" type="button"
3
+ data-bs-toggle="tooltip" data-bs-placement="right">
3
4
  <svg class="sun-and-moon" aria-hidden="true" width="22" height="22" viewBox="0 0 24 24">
4
5
  <mask class="moon" id="moon-mask">
5
6
  <rect x="0" y="0" width="100%" height="100%" fill="#fff" />
package/layouts/partials/col-sidebar.html CHANGED
@@ -2,19 +2,22 @@
2
2
  class="list-group d-block border-0 text-center sticky-top sticky-offset d-flex flex-column align-items-start justify-content-between"
3
3
  style="height: calc(100dvh - 66px)">
4
4
 
5
- <button class="list-group-item border-0 mt-2" type="button" data-bs-target="#sidebar" data-bs-toggle="collapse"
6
- aria-label="Expand Menu">
7
- <div class="ms-1 text-body">
8
- <svg width="24" height="24" fill="currentColor">
9
- <use xlink:href="/modus-icons.svg#user-guide" />
10
- </svg>
11
- </div>
12
- </button>
5
+ <div class="text-center mx-auto w-100">
6
+ <button class="btn btn-lg btn-outline-secondary bg-transparent list-group-item border-0 mt-1" type="button"
7
+ data-bs-target="#sidebar" data-bs-toggle="collapse" aria-label="Expand Menu"
8
+ style="width:48px; margin-left: 6px;">
9
+ <div class="text-body text-center">
10
+ <svg width="24" height="24" fill="currentColor">
11
+ <use xlink:href="/modus-icons.svg#user-guide" />
12
+ </svg>
13
+ </div>
14
+ </button>
15
+ </div>
13
16
 
14
17
  <div>
15
18
  {{- with .Site.Params.GitHubRepo -}}
16
- <a href="{{- . -}}" class="btn btn-lg btn-icon-only border-0 mx-1" target="_blank" rel="noopener"
17
- data-bs-toggle="tooltip" title="GitHub">
19
+ <a href="{{- . -}}" class="btn btn-lg btn-outline-secondary bg-transparent btn-icon-only border-0 mx-1"
20
+ target="_blank" rel="noopener" data-bs-toggle="tooltip" title="GitHub">
18
21
  {{ partial "icons/brands/github.svg" (dict "class" "mt-2" "width" "22" "height" "22") }}
19
22
  </a>
20
23
  {{ end }}
@@ -22,4 +25,4 @@
22
25
  {{ partial "btn-theme-toggle" . }}
23
26
  </div>
24
27
 
25
- </div>
28
+ </div>
package/layouts/partials/navbar.html CHANGED
@@ -1,8 +1,8 @@
1
1
  <nav class="navbar shadow-sm navbar-blue sticky-top" aria-label="Main Navigation">
2
2
  <div class="container-fluid">
3
3
  <div>
4
- <button class="btn btn-lg btn-icon-only d-inline-block border-0" type="button" aria-label="Menu"
5
- data-bs-target="#sidebar" data-bs-toggle="collapse">
4
+ <button class="btn btn-lg btn-primary btn-icon-only bg-transparent d-inline-block border-0" type="button"
5
+ aria-label="Menu" data-bs-target="#sidebar" data-bs-toggle="collapse">
6
6
  <i class="modus-icons menu-btn notranslate mt-1 text-white" aria-hidden="true">menu</i>
7
7
  </button>
8
8
  <a class="navbar-brand text-primary" href="/">
@@ -18,8 +18,8 @@
18
18
  {{ partial "navbar-search" . }}
19
19
 
20
20
  <div class="dropdown">
21
- <button type="button" class="btn btn-lg btn-icon-only border-0" data-bs-toggle="dropdown" aria-expanded="false"
22
- aria-label="Menu">
21
+ <button type="button" class="btn btn-lg btn-primary bg-transparent btn-icon-only border-0"
22
+ data-bs-toggle="dropdown" aria-expanded="false" aria-label="Menu">
23
23
  <i class="modus-icons notranslate mt-2 text-white" aria-hidden="true">apps</i>
24
24
  </button>
25
25
 
package/layouts/partials/skippy.html CHANGED
@@ -1,11 +1,11 @@
1
- <div class="skippy overflow-hidden">
2
- <div class="text-center w-100" >
3
- <a class="sr-only sr-only-focusable btn btn-primary rounded p-1 m-2" href="#main">Skip to
1
+ <div class="skippy visually-hidden-focusable overflow-hidden">
2
+ <div class="text-center w-100">
3
+ <a class="sr-only btn btn-primary rounded p-1 m-2" href="#main">Skip to
4
4
  main content</a>
5
5
 
6
6
  {{ if (eq .Page.Layout "docs") }}
7
- <a class="sr-only sr-only-focusable d-none d-md-inline-flex p-1 mb-1" href="#bd-docs-nav">Skip to docs
7
+ <a class="sr-only d-none d-md-inline-flex p-1 mb-1" href="#bd-docs-nav">Skip to docs
8
8
  navigation</a>
9
9
  {{- end }}
10
10
  </div>
11
- </div>
11
+ </div>
package/layouts/partials/was-this-page-helpful.html CHANGED
@@ -1,10 +1,12 @@
1
1
  <div class="d-none small p-2 feedback mt-2">
2
2
  <div class="mt-2 mb-1">Was this page helpful?</div>
3
- <button type="button" class="btn btn-light btn-outline btn-feedback btn-feedback-helpful border rounded p-1 me-2"
3
+ <button type="button"
4
+ class="btn btn-light btn-outline-secondary btn-feedback btn-feedback-helpful border rounded p-1 me-2"
4
5
  aria-label="Helpful">
5
6
  {{- partial "icons/modus-outlined/thumbs-up.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary") -}}
6
7
  </button>
7
- <button type="button" class="btn btn-light btn-outline btn-feedback btn-feedback-not-helpful border rounded p-1"
8
+ <button type="button"
9
+ class="btn btn-light btn-outline-secondary btn-feedback btn-feedback-not-helpful border rounded p-1"
8
10
  aria-label="Not Helpful">
9
11
  {{- partial "icons/modus-outlined/thumbs-down.svg" (dict "width" "22" "height" "22" "class" "mx-2 mx-auto text-primary") -}}
10
12
  </button>
@@ -16,4 +18,4 @@
16
18
 
17
19
  <div class="small ml-2 d-none feedback-not-helpful">
18
20
  <a href="" rel="nofollow" target="_blank">Please, provide feedback about how we can improve the page</a>. Thank you!
19
- </div>
21
+ </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trimble-oss/modus-docs-hugo-theme",
3
- "version": "1.0.0-alpha2",
3
+ "version": "1.0.0-alpha3",
4
4
  "description": "A Documentation theme for Hugo built by Trimble",
5
5
  "homepage": "https://github.com/trimble-oss/modus-docs-hugo-theme",
6
6
  "bugs": {
@@ -29,7 +29,7 @@
29
29
  },
30
30
  "devDependencies": {
31
31
  "autoprefixer": "10.4.15",
32
- "eslint": "^8.47.0",
32
+ "eslint": "^8.48.0",
33
33
  "eslint-config-prettier": "^9.0.0",
34
34
  "htmlhint": "1.1.4",
35
35
  "hugo-bin": "0.113.0",