Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: nginxinc/nginx-hugo-theme
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 0.42.2
Choose a base ref
...
head repository: nginxinc/nginx-hugo-theme
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: v0.42.2
Choose a head ref
  • 6 commits
  • 4 files changed
  • 1 contributor

Commits on Mar 11, 2025

  1. Fixed issue with pagination arrows having bullets and unstyled (#162) 

    * fix: Fixed issue with pagination arrows having bullets and unstyled

* fix: Removed padding
    @lamATnginx
    lamATnginx authored Mar 11, 2025
    Loading
    Loading status checks…

    Verified

    This commit was created on GitHub.com and signed with GitHub’s verified signature.
    GPG key ID: B5690EEEBB952194
    Verified
    Learn about vigilant mode
    Copy the full SHA
    939a2fe View commit details

  2. Allow qualtric's article effectiveness survey to be full height (#158) 

    * fix: Allow qualtrics to be full screen

* refactor: Use important

* refactor: Moved qualtrics CSS code to existing CSS
    @lamATnginx
    lamATnginx authored Mar 11, 2025
    Loading
    Loading status checks…

    Verified

    This commit was created on GitHub.com and signed with GitHub’s verified signature.
    GPG key ID: B5690EEEBB952194
    Verified
    Learn about vigilant mode
    Copy the full SHA
    ed12068 View commit details

Commits on Mar 12, 2025

  1. fix: Product selector z-index not being highest (#166)

    @lamATnginx
    lamATnginx authored Mar 12, 2025
    Loading
    Loading status checks…

    Verified

    This commit was created on GitHub.com and signed with GitHub’s verified signature.
    GPG key ID: B5690EEEBB952194
    Verified
    Learn about vigilant mode
    Copy the full SHA
    bb3cdec View commit details

  2. fix: Handle large # of tabs via scroll (#167)

    @lamATnginx
    lamATnginx authored Mar 12, 2025
    Loading
    Loading status checks…

    Verified

    This commit was created on GitHub.com and signed with GitHub’s verified signature.
    GPG key ID: B5690EEEBB952194
    Verified
    Learn about vigilant mode
    Copy the full SHA
    26b813c View commit details

  3. Changed mainframe breakpoints (#165) 

    * fix: Changed mainframe breakpoints

* fix: Changed layout to handle tablet sizes more cleanly
    @lamATnginx
    lamATnginx authored Mar 12, 2025
    Loading
    Loading status checks…

    Verified

    This commit was created on GitHub.com and signed with GitHub’s verified signature.
    GPG key ID: B5690EEEBB952194
    Verified
    Learn about vigilant mode
    Copy the full SHA
    1a1bb7f View commit details

  4. fix: Switched analytics mode from default EP to legacy (#170)

    @lamATnginx
    lamATnginx authored Mar 12, 2025
    Loading
    Loading status checks…

    Verified

    This commit was created on GitHub.com and signed with GitHub’s verified signature.
    GPG key ID: B5690EEEBB952194
    Verified
    Learn about vigilant mode
    Copy the full SHA
    f9a15f3 View commit details
Showing with 76 additions and 35 deletions.
  1. +3 −0 assets/css/f5-hugo.css
  2. +59 −25 assets/css/v2/style.css
  3. +2 −0 assets/js/coveo.js
  4. +12 −10 layouts/shortcodes/tabs.html
3 changes: 3 additions & 0 deletions assets/css/f5-hugo.css
View file
Original file line number Diff line number Diff line change
@@ -1653,12 +1653,15 @@ li.nav-item a.nav-link {
font-weight:300;
}

/* Qualtrics */
.QSIUserDefinedHTML {
width: 83% !important;
height: 700px !important;
}

div.QSIUserDefinedHTML * {
width: 100% !important;
height: 700px !important;
}

@media (max-width: 618px) {
84 changes: 59 additions & 25 deletions assets/css/v2/style.css
View file
Original file line number Diff line number Diff line change
@@ -204,10 +204,7 @@ nav {

.content-layout {
display: grid;
grid-template-columns: var(--text-content-width-iphone-13) var(
--side-gutter-width
);
column-gap: var(--component-gap);
grid-template-columns: var(--text-content-width-iphone-13) 1fr;
}

.docs-container {
@@ -219,12 +216,6 @@ nav {
flex-direction: column;
}

@media (max-width: 1528px) {
.sidebar-layout {
display: none;
}
}

#searchbox {
width: 24rem;
display: none;
@@ -255,12 +246,13 @@ nav {
}

.text-content {
grid-column-start: 1;
grid-column: 1 / -1;
display: grid;
grid-template-columns: var(--text-content-width-iphone-13) 1fr;
}

.text-content > :not(.wide) {
grid-column: 1;
grid-column: 1 / -1;
}

.text-content .wide {
@@ -271,13 +263,11 @@ nav {
width: 100%;
}

@media (min-width: 1512px) {
/* Macbook Pro 14 */
.base-layout {
@media (min-width: 1185px) {
.main-layout {
display: grid;
grid-template-rows: repeat(2, auto);
grid-template-columns: var(--sidebar-width) 1fr;
column-gap: var(--component-gap);
max-width: 100%;
}

.breadcrumb-layout {
@@ -286,6 +276,21 @@ nav {
column-gap: var(--component-gap);
align-items: center;
}
}
@media (max-width: 1184px) {
.sidebar-layout {
display: none;
}
}

@media (min-width: 1512px) {
/* Macbook Pro 14 */
.base-layout {
display: grid;
grid-template-rows: repeat(2, auto);
column-gap: var(--component-gap);
max-width: 100%;
}

.text-content {
grid-template-columns: var(--text-content-width-mbp-14) var(
@@ -294,6 +299,10 @@ nav {
column-gap: var(--component-gap);
}

.text-content > :not(.wide) {
grid-column: 1;
}

.main-layout {
display: grid;
grid-template-columns: var(--sidebar-width) 1fr;
@@ -485,6 +494,7 @@ atomic-search-layout atomic-layout-section[section="search"] {
background-color: white;
border: black 1px solid;
box-shadow: 3px 3px 0px var(--color-shadow);
z-index: 9999;
}

.product-selector p {
@@ -726,8 +736,7 @@ atomic-search-layout atomic-layout-section[section="search"] {
/* content */
main {
flex: 1;
max-width: 50rem;
min-width: 40rem;
min-width: 30rem;
margin: 2rem 2rem;
}

@@ -841,6 +850,11 @@ blockquote {
box-shadow: 3px 3px 0px var(--color-shadow);
}

blockquote.note {
position: relative;
z-index: -1;
}

blockquote.note:before {
content: "Note";
text-transform: uppercase;
@@ -864,16 +878,29 @@ blockquote p:last-child {
}

/* Tabs */
.nav-tabs {
list-style: none;
display: flex;
justify-content: start;
border-bottom: 1px solid black;

.tabs-container {
position: relative;
z-index: -1;
border-bottom: 1px solid black;
white-space: nowrap;

/* Lines extend 1rem into gutter on both sides */
width: calc(100% + 2rem);
margin-left: -1rem;
}

.nav-tabs {
overflow-x: scroll;
overflow-y: hidden;
height: calc(100% + 1px);
scrollbar-width: none;

list-style: none;
display: flex;
justify-content: start;
margin: 0 1rem;
padding: 0;

> :not(:last-child) {
border-right: none;
@@ -910,7 +937,7 @@ blockquote p:last-child {
position: absolute;
display: block;
border-bottom: 1px solid white;
bottom: -1px; /* Moves the line down 1px (aka the thickness of the border) */
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
@@ -950,6 +977,7 @@ blockquote p:last-child {
grid-column: 1 / -1 !important;
position: relative;
margin-left: 0;
z-index: -1;
width: calc(100% + var(--overflow-gutter-extension));

&:has(.comment) {
@@ -1071,6 +1099,12 @@ blockquote p:last-child {
}
}

.next-prev-icon {
display: flex;
list-style-type: none;
padding: 0;
}

/* Logo */
.f5-logo-footer {
height: 32px;
2 changes: 2 additions & 0 deletions assets/js/coveo.js
View file
Original file line number Diff line number Diff line change
@@ -39,6 +39,7 @@ async function atomicCoveo() {
await searchInterface.initialize({
accessToken: token,
organizationId: org_id,
analytics: { analyticsMode: 'legacy' },
preprocessRequest: (request, clientOrigin, metadata) => {
const body = JSON.parse(request.body);
body.q = `<@- ${body.q} -@>`;
@@ -53,6 +54,7 @@ async function atomicCoveo() {
await searchInterfaceStandalone.initialize({
accessToken: token,
organizationId: org_id,
analytics: { analyticsMode: 'legacy' },
preprocessRequest: (request, clientOrigin, metadata) => {
const body = JSON.parse(request.body);
body.q = `<@- ${body.q} -@>`;
22 changes: 12 additions & 10 deletions layouts/shortcodes/tabs.html
View file
Original file line number Diff line number Diff line change
@@ -2,16 +2,18 @@
{{- $tab_set_id := .Get "name" | default (printf "tabset-%s-%d" (.Page.RelPermalink) (.Page.Scratch.Get "tabset-counter") ) | anchorize -}}
{{- $tabs := .Scratch.Get "tabs" -}}
{{- if .Inner -}}{{- /* We don't use the inner content, but Hugo will complain if we don't reference it. */ -}}{{- end -}}
<ul class="nav nav-tabs" id="{{ $tab_set_id }}" role="tablist">
{{- range $i, $e := $tabs -}}
{{- $id := printf "%s-%d" $tab_set_id $i -}}
{{- if (eq $i 0) -}}
<li class="nav-item"><a data-toggle="tab" class="nav-link active" href="#{{ $id }}" role="tab" aria-controls="{{ $id }}" aria-selected="true">{{- trim .name " " -}}</a></li>
{{ else }}
<li class="nav-item"><a data-toggle="tab" class="nav-link" href="#{{ $id }}" role="tab" aria-controls="{{ $id }}">{{- trim .name " " -}}</a></li>
{{- end -}}
{{- end -}}
</ul>
<div class="tabs-container">
<ul class="nav nav-tabs" id="{{ $tab_set_id }}" role="tablist">
{{- range $i, $e := $tabs -}}
{{- $id := printf "%s-%d" $tab_set_id $i -}}
{{- if (eq $i 0) -}}
<li class="nav-item"><a data-toggle="tab" class="nav-link active" href="#{{ $id }}" role="tab" aria-controls="{{ $id }}" aria-selected="true">{{- trim .name " " -}}</a></li>
{{ else }}
<li class="nav-item"><a data-toggle="tab" class="nav-link" href="#{{ $id }}" role="tab" aria-controls="{{ $id }}">{{- trim .name " " -}}</a></li>
{{- end -}}
{{- end -}}
</ul>
</div>
<div class="tab-content" id="{{ $tab_set_id }}">
{{- range $i, $e := $tabs -}}
{{- $id := printf "%s-%d" $tab_set_id $i -}}