@trimble-oss/modus-docs-hugo-theme 1.0.0-alpha26 → 1.0.0-alpha28

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.
@@ -7,6 +7,7 @@
7
7
  #TableOfContents ul ul,
8
8
  #TableOfContents ul ul li {
9
9
  list-style: none;
10
+ padding-left: 0 !important;
10
11
  text-indent: 10px;
11
12
  }
12
13
 
@@ -40,7 +40,7 @@
40
40
  }
41
41
 
42
42
  .col-main {
43
- max-width: calc(100vw - 81px);
43
+ width: 100%;
44
44
  }
45
45
 
46
46
  .collapse-horizontal.collapse:not(.show) {
@@ -57,7 +57,7 @@
57
57
 
58
58
  #sidebar.collapsing + div,
59
59
  #sidebar.show + div {
60
- max-width: calc(100vw - 332px);
60
+ max-width: 100%;
61
61
  }
62
62
 
63
63
  .col-sidebar .sticky-offset {
@@ -3,11 +3,11 @@
3
3
  }
4
4
 
5
5
  .sun-and-moon > :is(.moon, .sun) {
6
- fill: var(--icon-fill);
6
+ fill: #fff;
7
7
  }
8
8
 
9
9
  .sun-and-moon > .sun-beams {
10
- stroke: var(--icon-fill);
10
+ stroke: #fff;
11
11
  stroke-width: 2px;
12
12
  }
13
13
 
@@ -44,10 +44,6 @@
44
44
  }
45
45
  }
46
46
 
47
- [data-bs-theme="dark"] .sun-and-moon > :is(.moon, .sun) {
48
- fill: rgb(255, 255, 255);
49
- }
50
-
51
47
  [data-bs-theme="dark"] .sun-and-moon > .sun {
52
48
  transform: scale(1.75);
53
49
  transition-duration: 0.25s;
@@ -66,8 +62,6 @@
66
62
  }
67
63
 
68
64
  .theme-toggle {
69
- --icon-fill: rgb(0, 0, 0);
70
-
71
65
  aspect-ratio: 1;
72
66
  cursor: pointer;
73
67
  -webkit-tap-highlight-color: transparent;
@@ -4,7 +4,6 @@
4
4
  @import "autocomplete"; // search autocomplete dropdown
5
5
  @import "article";
6
6
  @import "cards";
7
- @import "col-sidebar"; // 1st column
8
7
  @import "codefences"; // code syntax highlighting
9
8
  @import "codefences-dark"; // code syntax highlighting
10
9
  @import "javascript-disabled"; // display message at top if JS is disabled
@@ -5,13 +5,13 @@
5
5
  h2 mt-5 {{- end -}}
6
6
  {{- if (eq .Level 4 ) }}h4 fw-bold mt-3{{- end -}}{{ if eq .Anchor "use-when" }} text-success{{- end -}}{{ if eq .Anchor "dont-use-when" }} text-danger{{- end -}}">
7
7
  {{ if eq .Anchor "use-when" }}
8
- <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="mx-1 mb-1"
8
+ <svg width="18" height="18" fill="currentColor" class="mx-1 mb-1"
9
9
  viewBox="0 0 24 24">
10
10
  <path
11
11
  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm5.56 7.74-6.39 6.4a1 1 0 0 1-1.42-.01l-3.3-3.34-.01-.01a.993.993 0 0 1 .01-1.4.996.996 0 0 1 1.41 0l2.6 2.62 5.68-5.69a.996.996 0 0 1 1.41 0v.02h.01c.39.39.39 1.02 0 1.41Z" />
12
12
  </svg>{{- end -}}
13
13
  {{- if eq .Anchor "dont-use-when" -}}
14
- <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="mx-1 mb-1"
14
+ <svg width="18" height="18" fill="currentColor" class="mx-1 mb-1"
15
15
  viewBox="0 0 24 24">
16
16
  <path
17
17
  d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm4.3 14.3a.996.996 0 0 1-1.41 0L12 13.41 9.11 16.3a.996.996 0 1 1-1.41-1.41L10.59 12 7.7 9.11A.996.996 0 1 1 9.11 7.7L12 10.59l2.89-2.89a.996.996 0 1 1 1.41 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41Z" />
@@ -1,4 +1,4 @@
1
1
  <a href="{{- .Destination | safeURL -}}" {{ with .Title}} title="{{- . -}}"
2
2
  {{- end -}}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener" {{- end -}}>
3
3
  {{- .Text | safeHTML -}}
4
- </a>
4
+ </a>{{- /* trim whitespace */ -}}
@@ -2,30 +2,13 @@
2
2
 
3
3
  <div class="container-fluid">
4
4
  <div class="row row-main px-0">
5
-
6
- <div class="col-1 col-sidebar px-0 bg-body shadow-sm">
7
- {{ partial "col-sidebar" . }}
8
- </div>
9
-
10
5
  <div class="col col-auto px-0 collapse collapse-horizontal bg-dark bg-opacity-10" id="sidebar">
11
6
  <div id="sidebar-menu" class="z-2 sticky-top sticky-offset shadow-sm overflow-auto w-100">
12
7
  {{ partial "col-sidebar-menu" . }}
13
8
  </div>
14
9
  </div>
15
10
 
16
- <div class="col col-auto col-12 col-main border-start border-secondary border-opacity-10 p-0 overflow-x-hidden">
17
-
18
- <script>
19
- function _calculateScrollbarWidth() {
20
- document.documentElement.style.setProperty('--scrollbar-width', (window.innerWidth - document.documentElement.clientWidth) + "px");
21
- }
22
- // recalculate on resize
23
- window.addEventListener('resize', _calculateScrollbarWidth, false);
24
- // recalculate on dom load
25
- document.addEventListener('DOMContentLoaded', _calculateScrollbarWidth, false);
26
- // recalculate on load (assets loaded as well)
27
- window.addEventListener('load', _calculateScrollbarWidth);
28
- </script>
11
+ <div class="col col-main border-start border-secondary border-opacity-10 p-0 overflow-x-hidden">
29
12
 
30
13
  <main id="main" class="container">
31
14
 
@@ -2,11 +2,6 @@
2
2
 
3
3
  <div class="container-fluid">
4
4
  <div class="row row-main px-0">
5
-
6
- <div class="col-1 col-sidebar px-0 bg-body shadow-sm">
7
- {{ partial "col-sidebar" . }}
8
- </div>
9
-
10
5
  <div class="col col-auto px-0 collapse collapse-horizontal bg-dark bg-opacity-10 show" id="sidebar">
11
6
  <div id="sidebar-menu" class="sticky-top sticky-offset shadow-sm overflow-auto"
12
7
  style="min-height: calc(100vh - 66px);max-height: calc(100vh - 66px);">
@@ -14,7 +9,7 @@
14
9
  </div>
15
10
  </div>
16
11
 
17
- <div class="col col-auto col-12 col-main border-start border-secondary border-opacity-10 p-0">
12
+ <div class="col col-main border-start border-secondary border-opacity-10 p-0">
18
13
  <div class="mx-auto mw-100">
19
14
 
20
15
  {{ partial "header" . }}
@@ -2,18 +2,13 @@
2
2
 
3
3
  <div class="container-fluid">
4
4
  <div class="row row-main px-0">
5
-
6
- <div class="col-1 col-sidebar px-0 bg-body shadow-sm">
7
- {{ partial "col-sidebar" . }}
8
- </div>
9
-
10
5
  <div class="col col-auto px-0 collapse collapse-horizontal bg-dark bg-opacity-10" id="sidebar">
11
6
  <div id="sidebar-menu" class="z-2 sticky-top sticky-offset shadow-sm overflow-auto w-100">
12
7
  {{ partial "col-sidebar-menu" . }}
13
8
  </div>
14
9
  </div>
15
10
 
16
- <div class="col col-auto col-12 col-main border-start border-secondary border-opacity-10 p-0 overflow-y-hidden">
11
+ <div class="col col-main border-start border-secondary border-opacity-10 p-0 overflow-y-hidden">
17
12
 
18
13
  {{ partial "header" . }}
19
14
 
@@ -2,12 +2,6 @@
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
 
4
4
  <div class="mx-auto w-100">
5
- <!--<button class="btn btn-lg btn-outline-secondary bg-transparent list-group-item border-0 mt-1 p-1 pt-0" type="button"
6
- data-bs-target="#sidebar" data-bs-toggle="collapse" aria-label="Expand Menu">
7
- <div class="text-body text-center">
8
- {{ partial "icons/modus-solid/user-guide.svg" (dict "class" "" "width" "24" "height" "24") }}
9
- </div>
10
- </button>-->
11
5
  </div>
12
6
 
13
7
  <div>
@@ -1,16 +1,17 @@
1
1
  <div class="sticky-top sticky-offset">
2
2
  {{ if and (gt .WordCount 200 ) (not .Params.hideToc) }}
3
- <div class="h5 pt-2 ml-3 on-this-page">
3
+ <div class="h5 pt-2 ms-1 on-this-page">
4
4
  On this page
5
5
  </div>
6
6
  {{- .TableOfContents -}}
7
7
  <script>
8
8
  document.addEventListener('DOMContentLoaded', function () {
9
9
  document.querySelectorAll('#TableOfContents ul').forEach(function (ul) {
10
- ul.classList.add('list-unstyled', 'pl-0', 'ml-0');
10
+ ul.classList.add('list-unstyled', 'ps-1');
11
11
  });
12
12
  document.querySelectorAll('#TableOfContents a').forEach(function (a) {
13
13
  a.classList.add('nav-link');
14
+ a.classList.add('ps-1');
14
15
  });
15
16
  });
16
17
  </script>
@@ -27,7 +27,7 @@
27
27
  {{ end }}
28
28
 
29
29
  <meta name="description"
30
- content="{{ with .Description }}{{ . }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{- end -}}{{- end -}}">
30
+ content="{{- with .Description -}}{{- . }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{- end -}}{{- end -}}">
31
31
 
32
32
  <!-- OpenGraph Meta tags using Hugo's own built-in template -->
33
33
  {{ template "_internal/opengraph.html" . }}
@@ -23,6 +23,8 @@
23
23
  {{ partial "navbar-search" . }}
24
24
  {{ end }}
25
25
 
26
+ {{ partial "navbar-theme-toggle" . }}
27
+
26
28
  {{- with .Site.Params.RemoveSearch -}}{{else}}
27
29
  <div class="dropdown">
28
30
  <button type="button" class="btn btn-lg btn-primary bg-transparent btn-icon-only"
@@ -32,7 +32,7 @@
32
32
  </div>
33
33
  <div class="row">
34
34
  <p class="ps-3 fw-bold text-primary">
35
- Read More <svg xmlns="http://www.w3.org/2000/svg" class="ms-1" width="6.3" height="9.8"
35
+ Read More <svg class="ms-1" width="6.3" height="9.8"
36
36
  viewBox="0 0 6.3 9.8">
37
37
  <g transform="translate(1.412 1.412)">
38
38
  <path id="Path_627" data-name="Path 627" d="M18,18.965l3.889-3.482L18,12" transform="translate(-18 -12)"
@@ -1,4 +1,4 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="115" height="26" class="img-fluid" viewBox="0 0 444.7 100">
1
+ <svg width="115" height="26" class="img-fluid" viewBox="0 0 444.7 100">
2
2
  <path d="M115.85 87.13v-62H93V11.21h62.57v14h-23v62z" fill="currentcolor" />
3
3
  <path
4
4
  d="M141.9 87.13V32.74h16.52v8.84h.1c3-4.62 8.21-10.26 18.47-10.26h.51V46c-.61-.11-3.49-.31-4.51-.31a18.27 18.27.0 00-14.57 7.49v34z"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trimble-oss/modus-docs-hugo-theme",
3
- "version": "1.0.0-alpha26",
3
+ "version": "1.0.0-alpha28",
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": {
@@ -28,20 +28,20 @@
28
28
  "svgo": "npx svgo --folder=\"static/img/icons/\""
29
29
  },
30
30
  "dependencies": {
31
- "@trimble-oss/modus-bootstrap": "2.0.0-alpha43",
32
- "@trimble-oss/modus-icons": "1.15.0"
31
+ "@trimble-oss/modus-bootstrap": "^2.0.7",
32
+ "@trimble-oss/modus-icons": "^1.15.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "autoprefixer": "10.4.20",
36
- "eslint": "8.57.0",
36
+ "eslint": "8.57.1",
37
37
  "eslint-config-prettier": "9.1.0",
38
38
  "htmlhint": "1.1.4",
39
- "hugo-bin": "0.129.0",
40
- "postcss": "8.4.41",
39
+ "hugo-bin": "0.137.2",
40
+ "postcss": "8.5.1",
41
41
  "postcss-cli": "11.0.0",
42
- "prettier": "3.3.3",
43
- "stylelint": "16.8.1",
44
- "stylelint-config-standard-scss": "13.1.0",
42
+ "prettier": "3.4.2",
43
+ "stylelint": "16.13.1",
44
+ "stylelint-config-standard-scss": "14.0.0",
45
45
  "stylelint-order": "6.0.4"
46
46
  },
47
47
  "hugo-bin": {
@@ -57,6 +57,6 @@
57
57
  "node": ">=18.0.0"
58
58
  },
59
59
  "volta": {
60
- "node": "20.16.0"
60
+ "node": "20.18.1"
61
61
  }
62
62
  }
@@ -1,27 +0,0 @@
1
- .col-sidebar {
2
- width: 64px !important;
3
- }
4
-
5
- .col-sidebar .list-group {
6
- height: calc(100dvh - 66px);
7
- }
8
-
9
- [data-bs-theme="light"] {
10
- .col-sidebar a.btn:hover,
11
- .col-sidebar button:hover {
12
- background-color: #e0e1e9 !important;
13
- }
14
- }
15
-
16
- [data-bs-theme="dark"] {
17
- .col-sidebar a.btn:hover,
18
- .col-sidebar button:hover {
19
- background-color: #424649 !important;
20
- }
21
- }
22
-
23
- .col-sidebar button.list-group-item {
24
- height: 48px;
25
- margin-left: 6px;
26
- width: 48px;
27
- }