Skip to content

Commit f7816c1

Browse files
mmattelmmattel
committed
Aligning .hbs and .css files to teh Antora Default-UI
1 parent 876de3b commit f7816c1

27 files changed

+521
-228
lines changed

‎.stylelintrc

+1
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,6 @@
66
"color-function-notation": legacy,
77
"alpha-value-notation": number,
88
"selector-class-pattern": null,
9+
"custom-property-pattern": null,
910
}
1011
}

‎preview-site-src/ui-model.yml

+111-81
Original file line numberDiff line numberDiff line change
@@ -1,96 +1,126 @@
1-
antoraVersion: "1.0.0"
1+
antoraVersion: '1.0.0'
22
site:
33
url: http://localhost:5252
44
title: Brand Docs
5+
homeUrl: &home_url /xyz/5.2/index.html
56
components:
6-
- name: abc
7-
title: Project ABC
8-
url: "#"
9-
versions:
10-
- &latest_version_abc
11-
url: "#"
12-
version: "1.1"
13-
- url: "#"
14-
version: "1.0"
15-
latestVersion: *latest_version_abc
16-
- &component
17-
name: xyz
18-
title: Project XYZ
7+
- name: abc
8+
title: Project ABC
9+
url: '#'
10+
versions:
11+
- &latest_version_abc
12+
url: '#'
13+
version: '1.1'
14+
displayVersion: '1.1'
15+
- url: '#'
16+
version: '1.0'
17+
displayVersion: '1.0'
18+
latestVersion: *latest_version_abc
19+
- &component
20+
name: xyz
21+
title: &component_title Project XYZ
22+
url: /xyz/6.0/index.html
23+
versions:
24+
- &latest_version_xyz
1925
url: /xyz/6.0/index.html
20-
versions:
21-
- &latest_version_xyz
22-
url: /xyz/6.0/index.html
23-
version: "6.0"
24-
- &component_version
25-
url: "#"
26-
version: "5.2"
27-
- url: "#"
28-
version: "5.1"
29-
- url: "#"
30-
version: "5.0"
31-
latestVersion: *latest_version_xyz
32-
- name: 123
33-
title: Project 123
34-
url: "#"
35-
versions:
36-
- &latest_version_123
37-
url: "#"
38-
version: "2.2"
39-
- url: "#"
40-
version: "2.1"
41-
- url: "#"
42-
version: "2.0"
43-
latestVersion: *latest_version_123
26+
version: '6.0'
27+
displayVersion: '6.0'
28+
- &component_version
29+
title: *component_title
30+
url: '#'
31+
version: '5.2'
32+
displayVersion: '5.2'
33+
- url: '#'
34+
version: '5.1'
35+
displayVersion: '5.1'
36+
- url: '#'
37+
version: '5.0'
38+
displayVersion: '5.0'
39+
latestVersion: *latest_version_xyz
40+
- name: '123'
41+
title: Project 123
42+
url: '#'
43+
versions:
44+
- &latest_version_123
45+
url: '#'
46+
version: '2.2'
47+
displayVersion: '2.2'
48+
- url: '#'
49+
version: '2.1'
50+
displayVersion: '2.1'
51+
- url: '#'
52+
version: '2.0'
53+
displayVersion: '2.0'
54+
latestVersion: *latest_version_123
4455
page:
56+
url: *home_url
57+
home: true
4558
title: Brand’s Hardware & Software Requirements
46-
url: /xyz/5.2/index.html
4759
component: *component
4860
componentVersion: *component_version
49-
version: "5.2"
61+
version: '5.2'
62+
displayVersion: '5.2'
5063
module: ROOT
51-
home: false
52-
editUrl: http://example.com/project-xyz/blob/master/index.adoc
64+
relativeSrcPath: index.adoc
65+
editUrl: http://example.com/project-xyz/blob/main/index.adoc
66+
origin:
67+
private: false
68+
previous:
69+
content: Quickstart
70+
url: '#'
71+
urlType: 'internal'
72+
next:
73+
content: Liber Recusabo
74+
url: '#'
75+
urlType: 'internal'
5376
breadcrumbs:
54-
- content: Quickstart
55-
url: "#"
56-
urlType: fragment
57-
- content: Brand’s Hardware & Software Requirements
58-
url: /xyz/5.2/index.html
59-
urlType: internal
77+
- content: Quickstart
78+
url: '#'
79+
urlType: fragment
80+
- content: Brand’s Hardware & Software Requirements
81+
url: /xyz/5.2/index.html
82+
urlType: internal
6083
versions:
61-
- version: "6.0"
62-
url: "#"
63-
- version: "5.2"
64-
url: "#"
65-
- version: "5.1"
66-
url: "#"
67-
- version: "5.0"
68-
missing: true
69-
url: "#"
84+
- version: '6.0'
85+
displayVersion: '6.0'
86+
url: '#'
87+
- version: '5.2'
88+
displayVersion: '5.2'
89+
url: '#'
90+
- version: '5.1'
91+
displayVersion: '5.1'
92+
url: '#'
93+
- version: '5.0'
94+
displayVersion: '5.0'
95+
missing: true
96+
url: '#'
7097
navigation:
71-
- root: true
72-
content: Project XYZ
73-
url: "#"
98+
- root: true
99+
items:
100+
- content: Quickstart
101+
url: '#'
102+
urlType: fragment
103+
items:
104+
- content: Brand’s Hardware & Software Requirements
105+
url: /xyz/5.2/index.html
106+
urlType: internal
107+
- content: Cu Solet
108+
url: '/xyz/5.2/index.html#cu-solet'
109+
urlType: internal
110+
- content: English + 中文
111+
url: '/xyz/5.2/index.html#english+中文'
112+
urlType: internal
113+
- content: Liber Recusabo
114+
url: '#liber-recusabo'
74115
urlType: fragment
116+
- content: Reference
75117
items:
76-
- content: Quickstart
77-
url: "#"
78-
urlType: fragment
79-
items:
80-
- content: Brand’s Hardware & Software Requirements
81-
url: /xyz/5.2/index.html
82-
urlType: internal
83-
- title: IDE Integration
84-
url: "#"
85-
urlType: fragment
86-
- content: Liber Recusabo
87-
url: "#liber-recusabo"
88-
urlType: fragment
89-
- content: Reference
90-
items:
91-
- content: Keyboard Shortcuts
92-
url: "#"
93-
urlType: fragment
94-
- content: Importing and Exporting
95-
url: "#"
96-
urlType: fragment
118+
- content: Keyboard Shortcuts
119+
url: '#'
120+
urlType: fragment
121+
- content: Importing and Exporting
122+
url: '#'
123+
urlType: fragment
124+
- content: Some Code
125+
url: '/xyz/5.2/index.html#some-code'
126+
urlType: internal

‎src/css/navigation-explore.css renamed to ‎src/css/nav-panel-explore.css

+16-16
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
1-
.navigation-explore {
1+
.nav-panel-explore {
22
display: flex;
33
flex-direction: column;
44
}
55

6-
.navigation-explore.is-active {
6+
.nav-panel-explore.is-active {
77
height: inherit;
88
}
99

10-
.navigation-explore .context {
10+
.nav-panel-explore .context {
1111
flex-shrink: 0;
1212
color: #5d5d5d;
1313
background-color: #fafafa;
@@ -23,24 +23,24 @@
2323
}
2424

2525
@media screen and (width >= 1024px) {
26-
.navigation-explore .context {
26+
.nav-panel-explore .context {
2727
font-size: 0.75rem;
2828
}
2929
}
3030

31-
.navigation-explore.is-active .context {
31+
.nav-panel-explore.is-active .context {
3232
box-shadow: 0 1px 0 #e1e1e1;
3333
}
3434

35-
.navigation-explore .context .version {
35+
.nav-panel-explore .context .version {
3636
background-image: url("../img/chevron.svg");
3737
background-repeat: no-repeat;
3838
background-position: right 0.5rem top 50%;
3939
background-size: auto 0.75em;
4040
padding: 0 1.5rem 0 0;
4141
}
4242

43-
.navigation-explore .components {
43+
.nav-panel-explore .components {
4444
flex-grow: 1;
4545
box-shadow: inset 0 1px 5px #e1e1e1;
4646
background-color: #f0f0f0;
@@ -51,47 +51,47 @@
5151
display: block;
5252
}
5353

54-
.navigation-explore:not(.is-active) .components {
54+
.nav-panel-explore:not(.is-active) .components {
5555
display: none;
5656
}
5757

58-
.navigation-explore .component {
58+
.nav-panel-explore .component {
5959
display: block;
6060
}
6161

62-
.navigation-explore .component + .component {
62+
.nav-panel-explore .component + .component {
6363
margin-top: 0.5rem;
6464
}
6565

66-
.navigation-explore .component .title {
66+
.nav-panel-explore .component .title {
6767
font-weight: 500;
6868
}
6969

70-
.navigation-explore .versions {
70+
.nav-panel-explore .versions {
7171
display: flex;
7272
flex-wrap: wrap;
7373
list-style: none;
7474
padding-left: 0.5rem;
7575
}
7676

77-
.navigation-explore .component .version {
77+
.nav-panel-explore .component .version {
7878
display: block;
7979
font-size: 0.9375em;
8080
}
8181

82-
.navigation-explore .component .version a {
82+
.nav-panel-explore .component .version a {
8383
border: 1px solid #b0b0b0;
8484
border-radius: 0.25em;
8585
color: #4a4a4a;
8686
white-space: nowrap;
8787
padding: 0.05em 0.25em 0;
8888
}
8989

90-
.navigation-explore .component .is-current a {
90+
.nav-panel-explore .component .is-current a {
9191
border-color: #4a4a4a;
9292
font-weight: 500;
9393
}
9494

95-
.navigation-explore .component .version + .version {
95+
.nav-panel-explore .component .version + .version {
9696
padding-left: 0.375em;
9797
}

‎src/css/navigation-menu.css renamed to ‎src/css/nav-panel-menu.css

+5-5
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ html.is-clipped--nav {
22
overflow-y: hidden;
33
}
44

5-
.navigation-menu {
5+
.nav-panel-menu {
66
flex-grow: 1;
77
overflow-y: auto;
88
display: flex;
@@ -12,20 +12,20 @@ html.is-clipped--nav {
1212
}
1313

1414
@media screen and (width >= 800px) {
15-
.navigation-menu {
15+
.nav-panel-menu {
1616
height: calc(100vh - var(--navbar-height) - var(--drawer-height));
1717
}
1818
}
1919

20-
.navigation-menu::-webkit-scrollbar {
20+
.nav-panel-menu::-webkit-scrollbar {
2121
width: 0.25rem;
2222
}
2323

24-
.navigation-menu::-webkit-scrollbar-thumb {
24+
.nav-panel-menu::-webkit-scrollbar-thumb {
2525
background-color: #c1c1c1;
2626
}
2727

28-
.navigation-menu:not(.is-active) {
28+
.nav-panel-menu:not(.is-active) {
2929
display: none;
3030
}
3131

‎src/css/navigation.css renamed to ‎src/css/nav.css

-4
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,3 @@
1-
:root {
2-
--drawer-height: 2.5rem;
3-
}
4-
51
.navigation-container {
62
display: none;
73
position: fixed;

0 commit comments

Comments
 (0)