Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commite8c007e

Browse files
committed
added select switch for segments
1 parentd802b8a commite8c007e

File tree

11 files changed

+240
-205
lines changed

11 files changed

+240
-205
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+
.qodo/

‎.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: 66 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,21 +2,33 @@
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+
<divclass="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+
<divclass="divider-vertical mt-1"></div>
19+
20+
<divclass="custom-select">
21+
<divclass="select-display"onclick="toggleDropdown()">GitOps Cloud</div>
22+
<ulclass="options">
23+
<liclass="option selected"onclick="selectOption(this, 'gitops')">GitOps Cloud</li>
24+
<liclass="option"onclick="selectOption(this, 'enterprise')">Pipelines & GitOps</li>
25+
</ul>
1426
</div>
15-
</a>
27+
</div>
1628

1729
<divclass="navbar-nav-scroll order-1 order-md-1">
1830
<ulclass="navbar-nav flex-row mx-md-auto">
19-
<!---
31+
<!---
2032
<li class="nav-item">
2133
<a class="nav-link" href="{{ site.link_plugins }}" onclick="ga('send', 'event', 'Navbar', 'Docs links', 'Open Plugins');" target="_blank" rel="noopener">Plugins</a>
2234
</li>
@@ -51,3 +63,46 @@
5163
{% endif %}
5264
</div>
5365
</header>
66+
67+
<script>
68+
functiontoggleDropdown(){
69+
constselect=document.querySelector('.custom-select');
70+
select.classList.toggle('open');
71+
}
72+
73+
functionselectOption(option,selectedValue){
74+
constselectDisplay=document.querySelector('.select-display');
75+
constoptions=document.querySelectorAll('.option');
76+
77+
// Update the display text
78+
selectDisplay.textContent=option.textContent;
79+
80+
// change cookie
81+
if(selectedValue==='enterprise'){
82+
setEnterpriseDocumentationCookie();
83+
location.href=`${SITE_BASE_URL}/`
84+
}elseif(selectedValue==='gitops'){
85+
console.log('here 3')
86+
removeEnterpriseDocumentationCookie();
87+
location.href=SITE_GITOPS_COLLECTION
88+
}
89+
}
90+
91+
functionsetEnterpriseDocumentationCookie(){
92+
constenterpriseDocumentationCookieName=`cfdoctype=enterprise`
93+
document.cookie=`${enterpriseDocumentationCookieName}; SameSite=Strict; Secure; Domain=.codefresh.io; Max-age=2592000; Path=/`
94+
}
95+
96+
functionremoveEnterpriseDocumentationCookie(){
97+
constenterpriseDocumentationCookieName=`cfdoctype=enterprise`
98+
document.cookie=`${enterpriseDocumentationCookieName}; SameSite=Strict; Secure; Domain=.codefresh.io; Max-age=0; Path=/`
99+
}
100+
101+
// Close dropdown when clicking outside
102+
document.addEventListener('click',(e)=>{
103+
constselect=document.querySelector('.custom-select');
104+
if(!select.contains(e.target)){
105+
select.classList.remove('open');
106+
}
107+
});
108+
</script>

‎_includes/docs-navbar.html‎

Lines changed: 57 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,20 @@
11
<headerclass="bd-navbar py-2 py-md-0">
22
<divclass="container-fluid navbar navbar-dark navbar-expand flex-column flex-md-row py-0">
3-
<aclass="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+
<divclass="d-inline-flex align-content-center">
4+
<aclass="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+
<divclass="divider-vertical mt-1"></div>
10+
<divclass="custom-select">
11+
<divclass="select-display"onclick="toggleDropdown()">Pipelines & GitOps</div>
12+
<ulclass="options">
13+
<liclass="option"onclick="selectOption(this, 'gitops')">GitOps Cloud</li>
14+
<liclass="option selected"onclick="selectOption(this, 'enterprise')">Pipelines & GitOps</li>
15+
</ul>
616
</div>
7-
</a>
17+
</div>
818
<!-- {% if page.layout != "home" %}-->
919
<!-- <div id="searchbar" class="order-2 order-md-2 align-items-center"></div>-->
1020
<!-- <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">
@@ -113,3 +123,46 @@
113123
</button>
114124
{% endif %}
115125
</header>
126+
127+
<script>
128+
functiontoggleDropdown(){
129+
constselect=document.querySelector('.custom-select');
130+
select.classList.toggle('open');
131+
}
132+
133+
functionselectOption(option,selectedValue){
134+
constselectDisplay=document.querySelector('.select-display');
135+
constoptions=document.querySelectorAll('.option');
136+
137+
// Update the display text
138+
selectDisplay.textContent=option.textContent;
139+
140+
// change cookie
141+
if(selectedValue==='enterprise'){
142+
setEnterpriseDocumentationCookie();
143+
location.href=`${SITE_BASE_URL}/`
144+
}elseif(selectedValue==='gitops'){
145+
console.log('here 3')
146+
removeEnterpriseDocumentationCookie();
147+
location.href=SITE_GITOPS_COLLECTION
148+
}
149+
}
150+
151+
functionsetEnterpriseDocumentationCookie(){
152+
constenterpriseDocumentationCookieName=`cfdoctype=enterprise`
153+
document.cookie=`${enterpriseDocumentationCookieName}; SameSite=Strict; Secure; Domain=.codefresh.io; Max-age=2592000; Path=/`
154+
}
155+
156+
functionremoveEnterpriseDocumentationCookie(){
157+
constenterpriseDocumentationCookieName=`cfdoctype=enterprise`
158+
document.cookie=`${enterpriseDocumentationCookieName}; SameSite=Strict; Secure; Domain=.codefresh.io; Max-age=0; Path=/`
159+
}
160+
161+
// Close dropdown when clicking outside
162+
document.addEventListener('click',(e)=>{
163+
constselect=document.querySelector('.custom-select');
164+
if(!select.contains(e.target)){
165+
select.classList.remove('open');
166+
}
167+
});
168+
</script>

‎_includes/scripts.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -81,3 +81,4 @@
8181
}
8282
});
8383
</script>
84+

‎assets/css/docs.min.css‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

‎assets/css/docs.min.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

‎assets/scss/_divider.scss‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
.divider-vertical {
2+
height:32px;
3+
width:1px;
4+
margin:016px;
5+
background-color:#3f4255;// Adjust the color as needed
6+
}

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp