Skip to content

Commit 5a431f9

Browse files
lidiazuinlidiazuin
committed
fixing banner and label styles
1 parent 73c0a3f commit 5a431f9

File tree

6 files changed

+44
-29
lines changed

6 files changed

+44
-29
lines changed

‎preview-src/docs-explainer.adoc‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ image:icons/ndl/icon-import.svg[]
3333
Use Cypher for importing bulk data into Neo4j. Suited for non-admin users.
3434

3535
[.link]
36-
link:{docs-home}/cypher-manual/current/clauses/load-csv/[]
36+
link:https://www.neo4j.com/docs/cypher-manual/current/clauses/load-csv/[Load CSV]
3737

3838

3939
[.labs.label--labs]
@@ -46,7 +46,7 @@ image:icons/ndl/icon-csvtodb.svg[]
4646
Learn how to translate and migrate tabular data and relational datasets into a graph database.
4747

4848
[.link]
49-
link:{docs-home}/data-import/relational-to-graph-import/[]
49+
link:https://www.neo4j.com/docs/data-import/relational-to-graph-import/[Relational to graph]
5050

5151

5252
[.not-selectable]
@@ -59,7 +59,7 @@ image:icons/ndl/icon-connectors.svg[]
5959
Learn how to use connectors to connect data from various sources into Neo4j.
6060

6161
[.link]
62-
link:{docs-home}/connectors/[]
62+
link:https://www.neo4j.com/docs/connectors/[Connectors]
6363

6464

6565
[.label--graph-academy.label--featured]
@@ -72,7 +72,7 @@ image:icons/ndl/icon-neo4j.svg[]
7272
Start using Neo4j's tool for importing data and get started quickly with testing and prototyping.
7373

7474
[.link]
75-
link:{docs-home}/data-importer/current/[]
75+
link:https://www.neo4j.com/docs/data-importer/current/[Data importer]
7676

7777
=== Neo4j Admin Import
7878

@@ -83,7 +83,7 @@ image:icons/ndl/icon-admin.svg[]
8383
Use Neo4j admin import for initial loading of large amounts of data.
8484

8585
[.link]
86-
link:{docs-home}/operations-manual/current/tools/neo4j-admin/neo4j-admin-import/#import-tool-full[]
86+
link:https://www.neo4j.com/docs/operations-manual/current/tools/neo4j-admin/neo4j-admin-import/#import-tool-full[Import admin]
8787

8888
=== APOC
8989

@@ -94,7 +94,7 @@ image:icons/ndl/icon-library.svg[]
9494
Learn how to import data from various data formats, including JSON, XML, and XLS using the APOC library.
9595

9696
[.link]
97-
link:{docs-home}/apoc/current/import/[*Import data using APOC Core*]
97+
link:https://www.neo4j.com/docs/apoc/current/import/[Import data using APOC Core]
9898

9999

100100
[.cards.selectable]
@@ -111,7 +111,7 @@ image:icons/ndl/icon-graphacademy.svg[]
111111
Learn how to import CSV data into Neo4j using Cypher.
112112

113113
[.link]
114-
link:https://graphacademy.neo4j.com/courses/importing-cypher/[*GraphAcademy: Importing CSV data into Neo4j*]
114+
link:https://graphacademy.neo4j.com/courses/importing-cypher/[GraphAcademy: Importing CSV data into Neo4j]
115115

116116

117117
=== Import CSV data with Neo4j Desktop
@@ -123,7 +123,7 @@ image:icons/ndl/icon-import.svg[]
123123
Learn how to use CSV files to import data to a graph with Neo4j Desktop.
124124

125125
[.link]
126-
link:{docs-home}/getting-started/appendix/tutorials/guide-import-desktop-csv/[*How-To: Import CSV data with Neo4j Desktop*]
126+
link:https://www.neo4j.com/docs/getting-started/appendix/tutorials/guide-import-desktop-csv/[How-To: Import CSV data with Neo4j Desktop]
127127

128128

129129
=== Importing JSON data from a REST API into Neo4j
@@ -135,7 +135,7 @@ image:icons/ndl/icon-neo4j.svg[]
135135
See techniques for loading data from JSON-based REST APIs into Neo4j.
136136

137137
[.link]
138-
link:{docs-home}/getting-started/data-import/json-rest-api-import/[*Importing JSON data from a REST API into Neo4j*]
138+
link:https://www.neo4j.com/docs/getting-started/data-import/json-rest-api-import/[Importing JSON data from a REST API into Neo4j]
139139

140140

141141

@@ -148,11 +148,11 @@ Here are some recommended resources start importing your data:
148148
+
149149
Learn how to import CSV data into Neo4j using Cypher.
150150

151-
* link:{docs-home}/getting-started/appendix/tutorials/guide-import-desktop-csv/[How-To: Import CSV data with Neo4j Desktop]
151+
* link:https://www.neo4j.com/docs/getting-started/appendix/tutorials/guide-import-desktop-csv/[How-To: Import CSV data with Neo4j Desktop]
152152
+
153153
Learn how to use CSV files to import data to a graph with Neo4j Destktop.
154154

155-
* link:{docs-home}/getting-started/data-import/json-rest-api-import/[Importing JSON data from a REST API into Neo4j]
155+
* link:https://www.neo4j.com/docs/getting-started/data-import/json-rest-api-import/[Importing JSON data from a REST API into Neo4j]
156156
+
157157
See techniques for loading data from JSON-based REST APIs into Neo4j.
158158

@@ -165,10 +165,10 @@ Here are some recommended resources start importing your data:
165165
+
166166
Learn how to import CSV data into Neo4j using Cypher.
167167

168-
. link:{docs-home}/getting-started/appendix/tutorials/guide-import-desktop-csv/[How-To: Import CSV data with Neo4j Desktop]
168+
. link:https://www.neo4j.com/docs/getting-started/appendix/tutorials/guide-import-desktop-csv/[How-To: Import CSV data with Neo4j Desktop]
169169
+
170170
Learn how to use CSV files to import data to a graph with Neo4j Destktop.
171171

172-
. link:{docs-home}/getting-started/data-import/json-rest-api-import/[Importing JSON data from a REST API into Neo4j]
172+
. link:https://www.neo4j.com/docs/getting-started/data-import/json-rest-api-import/[Importing JSON data from a REST API into Neo4j]
173173
+
174174
See techniques for loading data from JSON-based REST APIs into Neo4j.

‎preview-src/docs-ndl.adoc‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ xref:tutorials:index.adoc[Get started]
2727
[.cards.selectable]
2828
== CTA cards
2929

30-
[.featured.label--featured]
30+
[role=label--featured]
3131
=== Deployment options
3232

3333
[.icon.icon-l]

‎src/css/docs-ndl.css‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -401,9 +401,12 @@ body.docs-ndl .paragraph.caption {
401401
padding: 1rem;
402402
margin: 0;
403403
color: var(--neutral-color);
404-
font-family: var(--header-font-family);
405-
font-size: var(--doc-font-size-h2);
406-
font-weight: var(--font-weight-normal);
404+
font-feature-settings: 'liga' off, 'clig' off;
405+
font-family: var(--font-font-family-h2);
406+
font-size: 32px;
407+
font-style: normal;
408+
font-weight: 500;
409+
line-height: 32px; /* 100% */
407410
letter-spacing: 0.25px;
408411
}
409412

@@ -426,7 +429,11 @@ body.docs-ndl .banner .paragraph {
426429
}
427430

428431
body.docs-ndl .banner .paragraph.description {
429-
padding-right: 2rem;
432+
font-family: var(--font-family-h2);
433+
font-size: 16px;
434+
font-weight: 100;
435+
line-height: 24px;
436+
letter-spacing: 0px;
430437
}
431438

432439
/* selectable cards */
@@ -639,13 +646,6 @@ body.docs-ndl .cards .sectionbody > div.sect2.labs:not(.selectable) {
639646
box-shadow: 0 2px 4px 0 rgba(90, 52, 170, 0.5), 0 1px 2px 0 rgba(90, 52, 170, 0.2);
640647
}
641648

642-
body.docs-ndl .cards .sectionbody > div.sect2.featured > a,
643-
body.docs-ndl .cards .sectionbody > div.sect2.featured,
644-
body.docs-ndl .cards.selectable .sectionbody > div.sect2.featured,
645-
body.docs-ndl .cards .sectionbody > div.sect2.featured:not(.selectable) {
646-
border: 1px solid var(--success-color);
647-
box-shadow: 0 2px 4px 0 rgba(63, 120, 36, 0.5), 0 1px 2px 0 rgba(63, 120, 36, 0.2);
648-
}
649649
/* add a labs label to a title in a card */
650650
body.docs-ndl .header-label-container > div.labels {
651651
display: inline-flex;

‎src/css/labels.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ h2 > .flex-label {
8585
.label {
8686
display: inline-block;
8787
padding: 0.2rem 0.8rem;
88-
border-radius: 0.25rem;
88+
border-radius: 9999px;
8989
background: rgba(var(--colors-baltic-50));
9090
color: rgba(var(--colors-baltic-10));
9191
font-weight: 600;

‎src/css/themes.css‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,10 @@ body.docs .navbar-burger span {
5353
background: var(--color-docs);
5454
}
5555

56+
body.docs .banner .button {
57+
margin-top: 24px;
58+
}
59+
5660
body.docs .doc .button a {
5761
background: var(--color-docs);
5862
color: var(--color-white);
@@ -63,7 +67,14 @@ body.docs .banner .button a {
6367
width: fit-content;
6468
background: var(--banner-background-color);
6569
border: 1px solid var(--banner-background-color);
66-
color: var(--colors-baltic-60);
70+
color: var(--text-inverse);
71+
font-weight: 500;
72+
}
73+
74+
body.docs .banner .button a:hover {
75+
background: var(--colors-baltic-30);
76+
border: 1px solid var(--colors-baltic-30);
77+
text-decoration: none;
6778
}
6879

6980
body.docs .nav-item .nav-item::before,

‎src/css/vars.css‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
/* --colors-baltic-20: #8FE3E8; */
55
/* --colors-baltic-50: #0A6190; */
66
/* --colors-baltic-60: #014063; */
7-
/* --text-inverse: #1A1B1D; */
7+
88
/* --text-white: #F5F6F6; */
99

1010
/* Picked from Neo4j Design System */
@@ -154,6 +154,10 @@
154154
--color-pink-800: #97266d;
155155
--color-pink-900: #702459;
156156
--color-baltic-20: #8fe3e8;
157+
--colors-baltic-30: #5DB3BF;
158+
159+
/* dark mode */
160+
--text-inverse: #1A1B1D;
157161

158162
/* theme accent colors */
159163
--color-developer: rgba(var(--colors-forest-45));
@@ -397,7 +401,7 @@
397401
--nav-panel-height: calc(var(--nav-height) - var(--drawer-height));
398402
--nav-panel-height--desktop:
399403
calc(
400-
var(--nav-height--desktop) - var(--drawer-height) - var(--feedback-height) - 1rem
404+
var(--nav-height--desktop) - var(--drawer-height) - var(--feedback-height) * 8px
401405
); /* 1rem is feedback padding */
402406

403407
--nav-width: 18rem;

0 commit comments

Comments
 (0)