Skip to content

Commit 3fbf59f

Browse files
alinashklyaralinashklyar
authored
Add segment switch to the header of a documentation site (#1291)
* added select switch for segments * temporary removed domain from cookie * changed logic to change segment to base on local storage * added ?ent * added accessibility support * deleted .qodo * add pointer events none
1 parent eefc519 commit 3fbf59f

File tree

12 files changed

+5737
-207
lines changed

12 files changed

+5737
-207
lines changed

‎.gitignore

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,4 +48,5 @@ twbsconfig.yml
4848
node_modules
4949
/dist
5050
.sass-cache/
51-
.jekyll-metadata
51+
.jekyll-metadata
52+

‎.stylelintrc

Lines changed: 0 additions & 186 deletions
Original file line numberDiff line numberDiff line change
@@ -33,192 +33,6 @@
3333
"no-descending-specificity": null,
3434
"no-duplicate-selectors": true,
3535
"number-leading-zero": "never",
36-
"order/properties-order": [
37-
"position",
38-
"top",
39-
"right",
40-
"bottom",
41-
"left",
42-
"z-index",
43-
"box-sizing",
44-
"display",
45-
"flex",
46-
"flex-align",
47-
"flex-basis",
48-
"flex-direction",
49-
"flex-wrap",
50-
"flex-flow",
51-
"flex-grow",
52-
"flex-order",
53-
"flex-pack",
54-
"align-items",
55-
"align-self",
56-
"justify-content",
57-
"order",
58-
"float",
59-
"width",
60-
"min-width",
61-
"max-width",
62-
"height",
63-
"min-height",
64-
"max-height",
65-
"padding",
66-
"padding-top",
67-
"padding-right",
68-
"padding-bottom",
69-
"padding-left",
70-
"margin",
71-
"margin-top",
72-
"margin-right",
73-
"margin-bottom",
74-
"margin-left",
75-
"overflow",
76-
"overflow-x",
77-
"overflow-y",
78-
"-webkit-overflow-scrolling",
79-
"-ms-overflow-x",
80-
"-ms-overflow-y",
81-
"-ms-overflow-style",
82-
"clip",
83-
"clear",
84-
"font",
85-
"font-family",
86-
"font-size",
87-
"font-style",
88-
"font-weight",
89-
"font-variant",
90-
"font-size-adjust",
91-
"font-stretch",
92-
"font-effect",
93-
"font-emphasize",
94-
"font-emphasize-position",
95-
"font-emphasize-style",
96-
"font-smooth",
97-
"hyphens",
98-
"line-height",
99-
"color",
100-
"text-align",
101-
"text-align-last",
102-
"text-emphasis",
103-
"text-emphasis-color",
104-
"text-emphasis-style",
105-
"text-emphasis-position",
106-
"text-decoration",
107-
"text-indent",
108-
"text-justify",
109-
"text-outline",
110-
"-ms-text-overflow",
111-
"text-overflow",
112-
"text-overflow-ellipsis",
113-
"text-overflow-mode",
114-
"text-shadow",
115-
"text-transform",
116-
"text-wrap",
117-
"-webkit-text-size-adjust",
118-
"-ms-text-size-adjust",
119-
"letter-spacing",
120-
"-ms-word-break",
121-
"word-break",
122-
"word-spacing",
123-
"-ms-word-wrap",
124-
"word-wrap",
125-
"overflow-wrap",
126-
"tab-size",
127-
"white-space",
128-
"vertical-align",
129-
"list-style",
130-
"list-style-position",
131-
"list-style-type",
132-
"list-style-image",
133-
"pointer-events",
134-
"-ms-touch-action",
135-
"touch-action",
136-
"cursor",
137-
"visibility",
138-
"zoom",
139-
"table-layout",
140-
"empty-cells",
141-
"caption-side",
142-
"border-spacing",
143-
"border-collapse",
144-
"content",
145-
"quotes",
146-
"counter-reset",
147-
"counter-increment",
148-
"resize",
149-
"user-select",
150-
"nav-index",
151-
"nav-up",
152-
"nav-right",
153-
"nav-down",
154-
"nav-left",
155-
"background",
156-
"background-color",
157-
"background-image",
158-
"filter",
159-
"background-repeat",
160-
"background-attachment",
161-
"background-position",
162-
"background-position-x",
163-
"background-position-y",
164-
"background-clip",
165-
"background-origin",
166-
"background-size",
167-
"border",
168-
"border-color",
169-
"border-style",
170-
"border-width",
171-
"border-top",
172-
"border-top-color",
173-
"border-top-style",
174-
"border-top-width",
175-
"border-right",
176-
"border-right-color",
177-
"border-right-style",
178-
"border-right-width",
179-
"border-bottom",
180-
"border-bottom-color",
181-
"border-bottom-style",
182-
"border-bottom-width",
183-
"border-left",
184-
"border-left-color",
185-
"border-left-style",
186-
"border-left-width",
187-
"border-radius",
188-
"border-top-left-radius",
189-
"border-top-right-radius",
190-
"border-bottom-right-radius",
191-
"border-bottom-left-radius",
192-
"border-image",
193-
"border-image-source",
194-
"border-image-slice",
195-
"border-image-width",
196-
"border-image-outset",
197-
"border-image-repeat",
198-
"outline",
199-
"outline-width",
200-
"outline-style",
201-
"outline-color",
202-
"outline-offset",
203-
"box-shadow",
204-
"opacity",
205-
"-ms-interpolation-mode",
206-
"transition",
207-
"transition-delay",
208-
"transition-timing-function",
209-
"transition-duration",
210-
"transition-property",
211-
"transform",
212-
"transform-origin",
213-
"animation",
214-
"animation-name",
215-
"animation-duration",
216-
"animation-play-state",
217-
"animation-timing-function",
218-
"animation-delay",
219-
"animation-iteration-count",
220-
"animation-direction"
221-
],
22236
"property-no-vendor-prefix": true,
22337
"rule-empty-line-before": null,
22438
"selector-attribute-quotes": "always",

‎_includes/argohub-docs-navbar.html

Lines changed: 45 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,21 +2,55 @@
22
<div
33
class="container-fluid navbar navbar-dark flex-column flex-md-row py-0"
44
>
5-
<a
6-
class="navbar-brand mx-0 mx-md-2 d-flex align-items-center"
7-
href="{{ site.baseurl }}/{{site.gitops_collection}}"
8-
onclick="ga('send', 'event', 'Navbar', 'Docs links', 'Home');"
9-
aria-label="Codefresh"
10-
>
11-
<div>
12-
{%- include icons/codefresh-logo.svg width="160" height="auto"
13-
class="align-middle" -%}
5+
<div class="d-inline-flex align-content-center">
6+
<a
7+
class="navbar-brand mx-0 mx-md-2 d-flex align-items-center"
8+
href="{{ site.baseurl }}/{{site.gitops_collection}}"
9+
onclick="ga('send', 'event', 'Navbar', 'Docs links', 'Home');"
10+
aria-label="Codefresh"
11+
>
12+
<div>
13+
{%- include icons/codefresh-logo.svg width="160" height="auto"
14+
class="align-middle" -%}
15+
</div>
16+
</a>
17+
18+
<div class="divider-vertical mt-1"></div>
19+
20+
<div class="custom-select">
21+
<div
22+
class="select-display"
23+
role="button"
24+
tabindex="0"
25+
onclick="toggleSegmentDropdown()"
26+
onkeydown="handleDropdownKeydown(event)"
27+
>
28+
GitOps Cloud
29+
</div>
30+
<ul class="options" role="listbox" aria-hidden="true">
31+
<li
32+
class="option selected"
33+
role="option"
34+
tabindex="0"
35+
>
36+
GitOps Cloud
37+
</li>
38+
<li
39+
class="option"
40+
role="option"
41+
tabindex="0"
42+
onclick="selectSegmentOption(this, 'enterprise')"
43+
onkeydown="handleOptionKeydown(event, this, 'enterprise')"
44+
>
45+
Pipelines & GitOps
46+
</li>
47+
</ul>
1448
</div>
15-
</a>
49+
</div>
1650

1751
<div class="navbar-nav-scroll order-1 order-md-1">
1852
<ul class="navbar-nav flex-row mx-md-auto">
19-
<!---
53+
<!---
2054
<li class="nav-item">
2155
<a class="nav-link" href="{{ site.link_plugins }}" onclick="ga('send', 'event', 'Navbar', 'Docs links', 'Open Plugins');" target="_blank" rel="noopener">Plugins</a>
2256
</li>

‎_includes/docs-navbar.html

Lines changed: 37 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,43 @@
11
<header class="bd-navbar py-2 py-md-0">
22
<div class="container-fluid navbar navbar-dark navbar-expand flex-column flex-md-row py-0">
3-
<a class="navbar-brand mx-0 mx-md-2 d-flex align-items-center" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Docs links', 'Home');" aria-label="Codefresh">
4-
<div>
5-
{%- include icons/codefresh-logo.svg width="160" height="auto" class="align-middle" -%}
3+
<div class="d-inline-flex align-content-center">
4+
<a class="navbar-brand mx-0 mx-md-2 d-flex align-items-center" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Docs links', 'Home');" aria-label="Codefresh">
5+
<div>
6+
{%- include icons/codefresh-logo.svg width="160" height="auto" class="align-middle" -%}
7+
</div>
8+
</a>
9+
<div class="divider-vertical mt-1"></div>
10+
<div class="custom-select">
11+
<div
12+
class="select-display"
13+
role="button"
14+
tabindex="0"
15+
onclick="toggleSegmentDropdown()"
16+
onkeydown="handleDropdownKeydown(event)"
17+
>
18+
Pipelines & GitOps
19+
</div>
20+
<ul class="options" role="listbox" aria-hidden="true">
21+
<li
22+
class="option"
23+
role="option"
24+
tabindex="0"
25+
aria-selected="false"
26+
onclick="selectSegmentOption(this, 'gitops')"
27+
>
28+
GitOps Cloud
29+
</li>
30+
<li
31+
class="option selected"
32+
role="option"
33+
tabindex="0"
34+
aria-selected="true"
35+
>
36+
Pipelines & GitOps
37+
</li>
38+
</ul>
639
</div>
7-
</a>
40+
</div>
841
<!-- {% if page.layout != "home" %}-->
942
<!-- <div id="searchbar" class="order-2 order-md-2 align-items-center"></div>-->
1043
<!-- <form class="bd-search {% if page.layout == "docs" %}bd-search-docs {% endif %}d-flex mt-1 mb-1 mt-md-0 order-2 order-md-2 align-items-center">

0 commit comments

Comments
 (0)